本文介绍了如何使用CSS样式解决网页中文字溢出的问题，以保持页面整洁美观。通过设置`width`、`white-space`、`text-overflow`和`overflow`属性，可以实现无论汉字还是英文，都能自动隐藏多余内容并添加省略号的效果。这种方法避免了手动计算字数的不便，提高了用户体验。
经常看到有些网页的“新闻动态”（很多中小企业网站有事没事都愿意做的一个栏目），“新闻”的标题有长有短，但为了整齐好看，一般都把过长的标题省略掉一部分，用……表示。
比如现在很流行三无标题党：
谁做了哪几件事让谁感到了什么
以前是用笨办法，把最大能容纳的汉字字数算好，比如12个字。那么多于12个字时，只保留前11个，加上一个省略号…，
left(String,11)&"…"
就变成了：
谁做了哪几件事让谁感到…
够不够悬疑？是不是能多吸引点流量？
但是，如果不是汉字，而是英文字母呢？有些“新闻动态”是有一些洋文的。用上面的方法，
WTO通过了什么让谁感到了什么
就变成了：
wto通过了什么让谁感到… （保留12个字数）
那个谁通过了什么让谁感到… （保留12个字数）
长度不一样了！影响用户体验！
好了，上正题。用 style 方法。红色部分是重点。
什么？为什么不是 HTML5，CSS3 等高大上的方法呢？
我想去搬砖了…
砖头是高楼大厦的基石-----不知叫什么斯基语。
<div style="width:1
扫一扫
254
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
