单行文本溢出隐藏
overflow: hidden; // 溢出隐藏text-overflow:ellipsis; // 溢出用省略号显示white-space: nowrap; // 规定段落中的文本不进行换行
多行本文溢出隐藏
display: -webkit-box; // 作为弹性伸缩盒子模型显示。-webkit-box-orient: vertical; // 设置伸缩盒子的子元素排列方式:从上到下垂直排列-webkit-line-clamp: 3; // 显示的行数overflow: hidden; // 溢出隐藏
注意:由于上面的三个属性都是CSS3
的属性,没有浏览器可以兼容,所以要在前面加一个-webkit-
来兼容一部分浏览器。