Html文字必须是一行，超出部分自动隐藏

最新推荐文章于 2022-09-29 12:05:35 发布

会飞的哈士奇

最新推荐文章于 2022-09-29 12:05:35 发布

阅读量547

点赞数 1

分类专栏： html 文章标签： html

本文链接：https://blog.csdn.net/dongyan3595/article/details/115481386

版权

html 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

本文介绍如何使用CSS（white-space: nowrap; overflow: hidden; text-overflow: ellipsis;）和HTML限制文本宽度，确保在20em内保持内容完整，避免半汉字截断，提升阅读体验。

摘要由CSDN通过智能技术生成

word-wrap: break-word;
white-space: nowrap;/*强制不换行，如果没有此行，则当用鼠标滑过的效果时，有可能会出现，因为超出的部分已经漂浮到其他的div上了*/
overflow: hidden;/*自动隐藏文字*/

text-overflow: ellipsis;/*文字隐藏后添加省略号，如果不想用，可以省略此项*/ 

width: 20em;/*不允许出现半汉字截断*/

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

会飞的哈士奇

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Html文字必须是一行，超出部分自动隐藏

word-wrap: break-word;white-space: nowrap;/*强制不换行，如果没有此行，则当用鼠标滑过的效果时，有可能会出现，因为超出的部分已经漂浮到其他的div上了*/overflow: hidden;/*自动隐藏文字*/text-overflow: ellipsis;/*文字隐藏后添加省略号，如果不想用，可以省略此项*/ width: 20em;/*不允许出现半汉字截断*/...
复制链接

扫一扫