怎样隐藏溢出元素中溢出的内容

作者：暴躁小n | 创建时间: 2023-06-28

本例演示在元素中的内容太大以至于无法适应指定的区域时，如何设置 overflow 属性来隐藏其内容。...

步骤/方法

在编辑器中输入以下代码： <html> <head> <style type="text/css"> div { background-color:#00FFFF; width:150px; height:150px; overflow: hidden } </style> </head> <body> <p>如果元素中的内容超出了给定的宽度和高度属性，overflow 属性可以确定是否显示滚动条等行为。</p> <div> 这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll，不论是否需要，用户代理都会提供一种滚动机制。因此，有可能即使元素框中可以放下所有内容也会出现滚动条。默认值是 visible。 </div> </body> </html>

在浏览器中的运行结果为：

温馨提示

本文仅供参考

怎样隐藏溢出元素中溢出的内容

步骤/方法

温馨提示

更多推荐