Heim  >  Artikel  >  Web-Frontend  >  css+div如何解决内容的溢出_html/css_WEB-ITnose

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

WBOY
WBOYOriginal
2016-06-24 11:48:161025Durchsuche

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

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


Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn