css怎么设置溢出不换行(2)-木庄网络博客

2022-04-04 05:33:57 PHP中文网 JavaScript 百度已收录

使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端；

注意：

1.-webkit-line-clamp用来限制在一个块元素显示的文本的行数。为了实现该效果，它需要组合其他的WebKit属性。常见结合属性：

2.display: -webkit-box; 必须结合的属性，将对象作为弹性伸缩盒子模型显示。

3.-webkit-box-orient 必须结合的属性，设置或检索伸缩盒对象的子元素的排列方式。

div{
display: -webkit-box;    
-webkit-box-orient: vertical;    
-webkit-line-clamp: 3;    
overflow: hidden;
}

不是Webkit浏览器的暂时未有~~

推荐学习：《css视频教程》

以上就是css怎么设置溢出不换行的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

更多相关阅读请进入《css》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者