首页 > 代码库 > 超过容器的文字显示为省略号

超过容器的文字显示为省略号

 

当文字的长度超过容器的边框时,若想要显示多余的内容为省略号时,我们可以这么设置

.truncate {  width: 250px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}

 

注意到white-space与overflow的条件不可少。

超过容器的文字显示为省略号