css+div如何解决内容的溢出_html/css_WEB-ITnose
程序员文章站
2024-01-26 12:01:04
...
平时我们布局时候,有的文字内容多了会超过溢出我们限制的高度,有的图片会撑破DIV,让网页错位变乱。CSS样式实现溢出超出DIV边框宽度高度的内容自动隐藏方法这样我们就需要解决如何使用CSS来超出设置CSS宽度和CSS高度的内容自动隐藏掉,又不撑破DIV布局。
特别是在IE6,如果内容超出对象高度和宽度承载,将会被撑破增高,这个时候我们可以利用以下解决方法。
解决CSS样式
这时我们可以使用CSS overflow样式解决:对应样式overflow:hidden
Div{overflow:hidden}
这样设置后,假如DIV对象设置一定宽度高度,此时加入overflow:hidden将会隐藏超出DIV宽度高度的内容包括图片。
1、隐藏超出对象宽度高度文字内容
2、隐藏超出对象宽度的图片部分案例
特别是在IE6,如果内容超出对象高度和宽度承载,将会被撑破增高,这个时候我们可以利用以下解决方法。
解决CSS样式
这时我们可以使用CSS overflow样式解决:对应样式overflow:hidden
Div{overflow:hidden}
这样设置后,假如DIV对象设置一定宽度高度,此时加入overflow:hidden将会隐藏超出DIV宽度高度的内容包括图片。
1、隐藏超出对象宽度高度文字内容
2、隐藏超出对象宽度的图片部分案例
上一篇: 初识JQuery
下一篇: HTML入门笔记(1)
推荐阅读
-
css+div如何解决内容的溢出_html/css_WEB-ITnose
-
图片滚动的时候如何不覆盖内容。_html/css_WEB-ITnose
-
[css]CSS如何让DIV的宽度随内容的改变而改变_html/css_WEB-ITnose
-
如何让网页一次过展开树状里面全部的内容_html/css_WEB-ITnose
-
html select 中的 option 下拉列表的宽度, IE8中不能自动适应宽度, 如何简单解决?_html/css_WEB-ITnose
-
django中如何生成非HTML格式的内容。_html/css_WEB-ITnose
-
图片溢出div问题的最终解决方案_html/css_WEB-ITnose
-
【急】ie已经限制此站点显示的特定内容。如何停止限制。_html/css_WEB-ITnose
-
如何继承已有类的内容?_html/css_WEB-ITnose
-
请问在html中,如何调用xml文件里的内容?_html/css_WEB-ITnose