鼠标样式,取消表单效果,vertical"/>
CSS 三角,鼠标样式,取消表单效果,vertical
1.css三角
{width: 0;height: 0;border: 10px solid transparent;border-top-color: red;}
2,鼠标样式
3,表单
取消表单轮廓线
input {/* 取消表单轮廓线 */outline: none;}
取消文本域拖拽效果
textarea {/* 取消文本域拖拽效果 */resize: none;}
textarea元素尽量一行展示,否则文本域会出现内边距
4,vertical-aling 设置一个元素的垂直对齐方式(仅行内块和行内元素)
5,溢出部分省略号
单行文字溢出
/* 1,文字强制一行显示 */white-space: nowrap;/*2, 溢出部分隐藏 */overflow: hidden;/*3,溢出部分显示省略号*/text-overflow: ellipsis;
多行文字溢出
overflow: hidden;text-overflow: ellipsis;/* 弹性盒子模型显示 */display: -webkit-box;/* 限制一个块级元素现实的行数 */-webkit-line-clamp: 3;/* 设置或者检索伸缩盒对象的子元素排列方式 */-webkit-box-orient: vertical;
更多推荐
CSS 三角,鼠标样式,取消表单效果,vertical
发布评论