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

橘子网 1,325

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

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

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

上一篇:

下一篇:

相关阅读

分享