css 强制不换行超出显示省略号,自动换行超出显示省略号
发布日期:2021-05-07 01:01:51 浏览次数:22 分类:原创文章

本文共 384 字,大约阅读时间需要 1 分钟。

强制不换行


white-space:nowrap;

自动换行


word-wrap:break-word;

强制英文单词断行


word-break:break-all;

*注意:设置强制将英文单词断行,需要将行内元素设置为块级元素。


超出显示省略号


text-overflow:ellipsis; overflow:hidden;

内容超过DIV宽度后显示省略号


单行


white-space: nowrap;overflow: hidden;text-overflow: ellipsis;

多行


word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;

 

上一篇:[BZOJ3600]没有人的算术
下一篇:[BZOJ十连测]线段树

发表评论

最新留言

很好
[***.229.124.182]2025年04月07日 01时54分01秒