css怎么设置文字1行

css设置文字1行的方法：首先设置“inline-block;”属性；然后通过“white-space: nowrap;”属性实现文字强制不换行；最后实现隐藏超出部分即可。

本教程操作环境：windows7系统、CSS3版、Dell G3电脑。

CSS 设置文字只显示一行，多余显示省略号

CSS 设置文字只显示一行

.view-text{
  /**
思路：
1.设置inline-block属相
2.强制不换行
3.固定高度
4.隐藏超出部分
5.显示“……”
  */
  display: inline-block;
  white-space: nowrap; 
  width: 100%; 
  overflow: hidden;
  text-overflow:ellipsis;
}