首页 >web前端 >html教程 >css+div如何解决内容的溢出_html/css_WEB-ITnose

css+div如何解决内容的溢出_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 11:48:161074浏览

         平时我们布局时候,有的文字内容多了会超过溢出我们限制的高度,有的图片会撑破DIV,让网页错位变乱。CSS样式实现溢出超出DIV边框宽度高度的内容自动隐藏方法这样我们就需要解决如何使用CSS来超出设置CSS宽度和CSS高度的内容自动隐藏掉,又不撑破DIV布局。
特别是在IE6,如果内容超出对象高度和宽度承载,将会被撑破增高,这个时候我们可以利用以下解决方法。
解决CSS样式  
         这时我们可以使用CSS overflow样式解决:对应样式overflow:hidden
         Div{overflow:hidden}
         这样设置后,假如DIV对象设置一定宽度高度,此时加入overflow:hidden将会隐藏超出DIV宽度高度的内容包括图片。

1、隐藏超出对象宽度高度文字内容        
2、隐藏超出对象宽度的图片部分案例


声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn