css用户样式-CSDN博客

鼠标样式 cursor

属性值	描述
default	小白默认
pointer	小手
move	移动
text	文本
not-allowed	禁止

取消表单轮廓：

outline：none;

防止拖拽文本域textarea ：

textarea {
   /* 防止拖拽文本域 */
   resize: none;
}

vertical-align属性：只针对行内元素和行内块元素有效

值	描述
baseline	默认。元素放在父元素的基线上
top	元素的顶端与行中最高元素的顶端对齐
middle	中部
bottom	底部

文字省略号显示:

单行

div {
    width: 100px;
    height: 100px;
    /*如果文字太长，自动换行*/
    white-space: normal;
    /*文字显示不开，也必须强制一行内显示*/
    white-space: nowrap;
    /*溢出的部分隐藏起来*/
    overflow: hidden;
    /*文字溢出的时候用省略号显示*/
    text-overflow： ellipsis;
}

多行（有较大兼容性问题，适合于webkit浏览器或移动端）

text-overflow: ellipsis;
/* 弹性伸缩盒子模型显示 */
display: -webkit-box;
/* 限制在一个块元素显示的文本的行数 */
-webkit-line-clamp: 3;
/* 设置或检索伸缩盒对象的子元素的排列方式 */
-webkit-box-orient: vertical;