溢出

chuyaonong6148

于 2017-05-22 11:01:00 发布

阅读量144

点赞数

原文链接：https://my.oschina.net/u/3435012/blog/906477

版权

本文详细介绍了如何使用 CSS 的 overflow 属性来隐藏网页元素的滚动条，以及如何结合 white-space 和 text-overflow 属性实现文本的单行显示并用省略号代替超出部分，适用于网页布局优化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

overflow-y:hidden '表示没有垂直滚动条 
overflow-x:hidden '表示没有水平滚动条 scroll:no或overflow-x:hidden;
overflow-y:hidden或overflow:hidden '让浏览器窗口永远不出现滚动条

溢出部分用...代替

overflow: hidden;
white-space: nowrap;/*只显示一行*/
text-overflow: ellipsis;/*省略的部分用...*/

转载于:https://my.oschina.net/u/3435012/blog/906477