CSS多余文字显示省略号是Web开发中一个常见的问题，它可以通过CSS的text-overflow属性来实现，本文将从多个方面对CSS多余文字显示省略号做详细的阐述。
一、CSS多余文字不显示省略号
当文本内容超出容器的宽度时，如果不设置text-overflow属性，文本会自动变为换行显示，而不会显示省略号。例如：
.container{
width: 200px;
height: 50px;
overflow: hidden;
border: 1px solid #ccc;
}
.text{
width: 300px;
height: 100px;
font-size: 16px;
line-height: 1.5;
}
这时在HTML中添加如下代码：
如果文本内容超出容器的宽度时，如果不设置text-overflow属性，文本会自动变为换行显示，而不会显示省略号。
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/193420.html
微信扫一扫 
支付宝扫一扫 