CSS overflow属性
CSS overflow属性
biddyInfo 发表于8个月前
CSS overflow属性
  • 发表于 8个月前
  • 阅读 1
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

在UI设计时,发现了如下问题:IE浏览器下的右侧滚动条为如下左图样式,显得极其不美观,而QQ浏览器为如下右图样式,这样的视觉效果就很好。虽然是浏览器的兼容问题,但overflow属性还是值得研究下的。                                        

                                                                  

overflow-x:水平溢出,裁剪 div 元素中内容的左/右边缘

overflow-y;垂直溢出,裁剪 div 元素中内容的上/下边缘

可选属性:

    visible:不裁剪内容,可能会显示在内容框之外。

    hidden:裁剪内容 - 不提供滚动机制。

    scroll:裁剪内容 - 提供滚动机制。

    auto:如果溢出框,则应该提供滚动机制。

    no-display:如果内容不适合内容框,则删除整个框。

    no-content:如果内容不适合内容框,则隐藏整个内容。

共有 人打赏支持
粉丝 0
博文 12
码字总数 1480
×
biddyInfo
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: