CSS设置溢出文字显示省略号

CSS设置溢出文字显示省略号

相关CSS

.text-ellipse{width: 100px;height:50px;border:2px solid red;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}<div class="text-ellipse">fdsfasgsdafsadf</div>

效果如图：

下面对上文中的几个css属性进行一下讲解

overflow:hidden

这个没啥好说的，就是设置文字操作内容区域的部分不显示。

white-space:nowrap

text-overflow:ellipsis