css+div如何解决内容的溢出_html/css_WEB-ITnose
程序员文章站
2022-06-05 23:11:43
...
平时我们布局时候,有的文字内容多了会超过溢出我们限制的高度,有的图片会撑破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、隐藏超出对象宽度的图片部分案例
上一篇: 浅谈thinkphp的实例化模型,浅谈thinkphp实例
下一篇: Mobile操作H5有哪些函数
推荐阅读
-
图片溢出div问题的最终解决方案_html/css_WEB-ITnose
-
【急】ie已经限制此站点显示的特定内容。如何停止限制。_html/css_WEB-ITnose
-
如何继承已有类的内容?_html/css_WEB-ITnose
-
请问在html中,如何调用xml文件里的内容?_html/css_WEB-ITnose
-
终于成为博客员的一员了,这是我的第一篇博文,写一个关于ul li内容宽度的问题和解决方案_html/css_WEB-ITnose
-
CSS如何将超出的内容隐藏_html/css_WEB-ITnose
-
议:如何将树形菜单形式的数据转化成HTML的二维表(相同内容需合并单元格)_html/css_WEB-ITnose
-
如何能让Div中的长文字不溢出(目前IE可,FF不行)?_html/css_WEB-ITnose
-
纯CSS+DIV轻松解决对象在任何位置上水平对齐的问题_html/css_WEB-ITnose
-
【急】ie已经限制此站点显示的特定内容。如何停止限制。_html/css_WEB-ITnose