用margin和overflow属性实现div间距的方法



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

解决方法请看图:


[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]



相关阅读:
存储过程 批量删除记录
PHP的面试题集
企业服务器SQL Server弱口令测试
输入mdb数据库即可将打包的mdb文件解包
Linux下Zend studio汉字显示为方块问题
结合WordPress结构进行适合自己的SEO
Asp.net Mvc Framework 九 (View与Controller交互)
javascript 日期函数
谈asp中数据库的事务处理及技巧
Linux时区同步问题(安装ntp软件过程)
CSS 循序渐进(四)表里春秋
Access 2002的三个实用技巧
Linux内核中常见内存分配函数介绍
Windows Vista中如何自定义语言栏图标
快速导航

Copyright © 2016 phpStudy |