网络编程
位置:首页>> 网络编程>> 网页设计>> 巧用overflow属性解决中间间距问题

巧用overflow属性解决中间间距问题

作者:jxdawei 来源:jxdawei's Blog 发布时间:2007-12-08 20:26:00 

标签:overflow,css,div

通常我们在制作上图的时候,会分别给四个div加上不同的css属性,来实现中间间隔。但我们更希望的是不需要对html标签做标识,直接能通过css实现,今天在论坛上小志提出了一个很不错的解决方案。使用overflow:hidden属性。

或许很多人已经是这样用了,我没用过,觉得耳目一新。呵呵。其实道理很简单,我们按照正常的设置li的margin-right、margin-bottom属性,这样的结果自然会比我们期望的要多出来右边和下方的,这个时候我们通过ul的父级来设置width/height属性,然后overflow:hidden把多余的隐藏掉。好方法,呵呵!

请看效果预览页面:

https://www.aspxhome.com/examples/design/css/24928/css-overflow.html

解决方法请看图:


0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com