text-overflow: ellipsis; 文本溢出隐藏
效果图:

代码:
.father{width:500px;}
.words{
font-size: 15px;
line-height: 15px;
color: #333;
display: block;
width: 100%;
height: 15px;
overflow: hidden;
text-overflow: ellipsis;
}
<div class="father">
<div class="words">Email</div>
</div>
以上就是关于“ text-overflow: ellipsis; 文本溢出隐藏 ” 的全部内容。
CSS文本溢出隐藏技巧
本文介绍了一种使用CSS属性text-overflow:ellipsis;来优雅地处理文本溢出的方法,通过设置div元素的宽度、高度及字体大小,配合overflow:hidden;和text-overflow:ellipsis;属性,可以实现在文本超出容器宽度时显示省略号的效果。
253

被折叠的 条评论
为什么被折叠?



