今天怂怂就为大家分享一篇通过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;}