HTML文本单行超出部分省略的方法

共计 180 个字符，预计需要花费 1 分钟才能阅读完成。

网站有时候为了追求整洁美观，往往对一些细节也会进行优化调整，比如博主最近遇到一个网站，站内的内容单行文字溢出显示成两行，显得很不对称，体验也感觉不那么好，索性优化调整一番，只需对 CSS 加一串代码即可，代码如下：

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

添加完毕后，清除缓存即可正常展示。