css3弹性盒子换行
css3 换行 弹性 盒子
2023-09-11 14:16:44 时间
在网上搜的文本换行都是根据行元素换的行,
overflow: hidden;
text-overflow:ellipsis;
whitewhite-space: nowrap;
直到看见这么一篇文章,可以采用多行换行,(css3弹性盒子也可以使用)
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
word-break: break-all;
overflow: hidden;
-webkit-line-clamp:表示几行
white-space:换行模式,如果父元素没有另行规定,则忽略
相关文章
- 图解css3:核心技术与案例实战. 3.4 CSS3圆角边框属性
- 《HTML5+CSS3网页设计入门必读》——2.8 转变(CH-CH变化)
- 《HTML5+CSS3网页设计入门必读》——1.9 在不涉及Web服务器的情况下分发内容
- css3组件实战--绚丽效果篇
- CSS3 linear-gradient实现三角形
- CSS3实现两行或三行文字,然后多出的部分省略号代替
- 分享CSS3里box-shadow属性的使用方法,包括内阴影box-shadow:inset
- css3实现3d显示效果
- css3实现立方体效果
- html5和css3学习历程
- CSS3魔法堂:背景渐变(Gradient)
- 本周推荐7款CSS3实现的动态特效
- css3 :enabled与:disabled伪类选择器