css 单多行文本溢出及多行文本折行显示

1.单行文本溢出

overflow: hidden;
text-overflow:ellipsis;

white-space: nowrap;

效果:


2.多行文本溢出

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;

overflow: hidden;

效果:


3.多行文本折行

word-break: break-all;或者display:-webkit-box; -webkit-box-orient:vertical

效果:




本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部