文字超出该有的宽度呈现~省略号
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了文字超出该有的宽度呈现~省略号相关的知识，希望对你有一定的参考价值。
代码：
p{
width: 50px; /*必须设置宽度*/
overflow: hidden; /*溢出隐藏*/
text-overflow: ellipsis; /*以省略号...显示*/
white-space: nowrap; /*强制不换行*/
}
这几个缺一不可。
1.text-overflow:ellipsis | clip
ellipsis:出现省略号；
clip:不出现省略号
2.white-space:nowrap | pre-wrap | pre-line
nowrap:即使文字超出宽度，也不让文字换行
pre-wrap:保留空白符序列，但是正常地进行换行
pre-line:合并空白符序列，但是保留换行符
以上是关于文字超出该有的宽度呈现~省略号的主要内容，如果未能解决你的问题，请参考以下文章