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

 

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

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

 

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

posted @ 2014-12-21 15:59  青苔1943  阅读(170)  评论(0编辑  收藏  举报