本文主要是介绍CSS:字数超出容器范围,超出部分省略,变成...,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
用CSS实现文本超出/溢出容器范围时,超出的部分省略,展示…
(针对block元素,如果是span,需要添加display:block;)
单行文本:
.overText{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}
white-space: nowrap;
设置文本不换行,单行输出,直到遇到 <br>
标签为止。
overflow: hidden;
溢出部分隐藏
text-overflow: ellipsis;
当文本溢出时显示…
这篇关于CSS:字数超出容器范围,超出部分省略,变成...的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!