建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

当前位置: 建站学 > 网页设计 > css教程 >

轻松解决overflow属性中间间距小技巧

时间:2011-03-20 10:13来源: 作者: 点击:
本文教你轻松解决overflow属性中间间距问题,小技巧而已,希望对大家有帮助。 通常我们在制作上图的时候,会分别给四个div加上不同的css属性,来实现中间间隔。但我们更希望的是不需要对html标签做标识,直接能通过css实现,我们这里使用overflow:hidden属性。或许很多人

本文教你轻松解决overflow属性中间间距问题,小技巧而已,希望对大家有帮助。

通常我们在制作上图的时候,会分别给四个div加上不同的css属性,来实现中间间隔。但我们更希望的是不需要对html标签做标识,直接能通过css实现,我们这里使用overflow:hidden属性。或许很多人已经是这样用了,其实道理很简单,我们按照正常的设置li的margin-right、margin-bottom属性,这样的结果自然会比我们期望的要多出来右边和下方的,这个时候我们通过ul的父级来设置width/height属性,然后overflow:hidden把多余的隐藏掉。 

是不是方法很好呢,希望对你有所帮助吧!

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片