多行文本溢出显示省略号(…) +css样式

今天怂怂就为大家分享一篇通过css样式使文本在一行内显示,超出则加省略号的实例讲解,具有很好的参考价值,希望对大家有所帮助。一起跟随怂怂过来看看吧

超出隐藏(overflow:hidden;)

强制在同一行显示(white-space: nowrap;)

省略号(text-overflow:ellipsis;)

直接放代码:代码三连击!

style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis";

 ps:

white-space属性

定义:white-space 属性设置如何处理元素内的空白。·

实例:规定段落中的文本不进行换行:就是说在一行显示。

p{ white-space: nowrap;}
描述
nowrap 文本不会换行,文本会在在同一行上继续,直到遇到
标签为止。

 

你可能感兴趣的:(#,Web前端)