如何让溢出容器的文本显示为省略号？（CSS）
浏览数：24 /
时间：2015年06月09日
在实际的Web开发当中，经常需要将溢出容器边界的文本显示为省略号，其实这非常简单，设置几个CSS属性就可以达到效果，并且兼容各大浏览器，包括PC端和移动端。
1、容器必须固定宽度，单位可以是像素或百分比；
2、禁止容器内的文本换行；
3、将溢出的内容隐藏掉；
4、将溢出的内容替换为省略号。
只要记住以上四个步骤就很容易想起代码了，我自己就是这样去记的。
示例代码：
.test{ width:100px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
