div中文本溢出时用...省略代替

最新推荐文章于 2023-02-17 14:41:07 发布

春风又一季

最新推荐文章于 2023-02-17 14:41:07 发布

阅读量213

点赞数

分类专栏： HTML CSS

本文链接：https://blog.csdn.net/qq_40183281/article/details/90271906

版权

HTML 同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

CSS

2 篇文章 0 订阅

订阅专栏

单行div中文本的溢出

width: 100%;  /*也可以是固定值、min-width这些*/
white-space: nowrap;  /*强制文本不能换行*/
overflow: hidden;  /*隐藏溢出内容*/
text-overflow: ellipsis;

多行div中文字的溢出

width: 100%;
overflow: hidden;
word-break: break-all;  /*允许在单词内换行，更美观*/
text-overflow: ellipsis;
display: -webkit-box;  /*元素作为box伸缩盒子*/
-webkit-line-clamp: 3;  /*设置文本行数限制*/
-webkit-box-orient: vertical;  /*设置文本排列方式*/