单行文本和多行文本溢出显示省略号

2018-06-24 00:57:20来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

1、单行文本
overflow: hidden;
white-space: nowrap; //用于处理元素内的空白,只在一行内显示
text-overflow: ellipsis; //超过宽度使用省略号
2、多行文本
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box; //对象作为伸缩盒子模型显示          
-webkit-box-orient: vertical; //设置或检索伸缩盒对象的子元素的排列方式
-webkit-line-clamp: 3; //显示的行数
overflow: hidden;  // 隐藏超出的内容

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:HTML学习笔记

下一篇:【前端】:CSS