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


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

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

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


« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3