目录
一、单行文本溢出隐藏
二、多行文本超出指定行数隐藏
在我们编辑单行文本或者多行文本时文本溢出时,我们该如何进行隐藏呢?今天就来介绍一下单行文本溢出隐藏和多行文本超出指定行数隐藏的方法。
一、单行文本溢出隐藏
width: 250px; (固定宽度)
white-space: nowrap; (不换行)
text-overflow: ellipsis; (省略号)
overflow: hidden; (多余部分隐藏)
二、多行文本超出指定行数隐藏
display: -webkit-box; (兼容性)
-webkit-line-clamp:3;(指定显示行数)
-webkit-box-orient: vertical;(文本垂直排列)
overflow: hidden; (多余部分隐藏)
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
评论(0)