CSS 设置文字只显示一行，多余显示省略号
摘要
> CSS 设置文字只显示一行，多余显示省略号
```css
.view-text{
/**
思路：
1.设置inline-block属相
2.强制不换行
3.固定高度
4.隐藏超出部分
5.显示“……”
*/
d
CSS 设置文字只显示一行，多余显示省略号
.view-text{
/**
思路：
1.设置inline-block属相
2.强制不换行
3.固定高度
4.隐藏超出部分
5.显示“……”
*/
display: inline-block;
white-space: nowrap;
width: 100%;
overflow: hidden;
text-overflow:ellipsis;
}
显示两行
<div class="text2">
这是需要显示为两行的文本！这是需要显示为两行的文本！这是
剩余内容需要登录才能阅读
登录 后才能评论~
