我是刘全良
首页
邻居
更多功能正在完善中...
首页
邻居
css 单行文本、多行文本超出部分隐藏显示省略号
admin
css
6162
2020-10-23 22:44:32
## 单行文本 ``` overflow: hidden; //超出的文本隐藏 text-overflow: ellipsis; //显示省略号 white-space: nowrap; //文本不换行 ``` ### 多行文本 ``` overflow: hidden; // 超出的文本隐藏 text-overflow: ellipsis; //显示省略号 display: -webkit-box; //作为弹性伸缩盒子模型显示。 -webkit-box-orient: vertical; //设置伸缩盒子的子元素排列方式--从上到下垂直排列 -webkit-line-clamp: 2; //显示的行数 ``` ### 注：如果设置了没作用，可能是您没有加宽度(width)