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

web前端|css教程用margin和overflow属性实现div间距办法

margin，overflow，div间距

web前端-css教程

用margin和overflow属性实现div间距的方法_经验交流

javaee源码下载,ubuntu截图编辑软件,爬虫沼泽动物王国,rancher php,seo模型论坛lzw

post社区源码,Ubuntu配置子接口,tomcat添加新的端口,正则化爬虫,php 共享充电线系统,SEO优化搜盈seo公司lzw

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

追书神器源码,vscode搜索换行,利用u盘修复ubuntu引导,tomcat 容器管道,sqlite+and用法,h5上传图片插件,vue相关的前端框架,爬虫技术的发展总结,html上传 php,seo快速发帖,某公司网站源码,大数据平台网页源码,手机单页面网站模板,java版仿qq聊天程序源码lzw

解决方法请看图：

                                                                              巧用overflow:hidden解决中间间隔问题                      *{margin:0;padding:0;}             body{text-align:center;background:#CCC;}             ul{list-style:none;}             .main {background:white;height:800px;width:597px;margin:0 auto;}             .box {width:595px;height:205px;margin:20px auto;overflow:hidden;background:white;}             .box ul {width:600px;height:210px;}             .box li {float:left;margin-right:5px;margin-bottom:5px;}             .box div {background:white;background:#f7f7f7;width:293px;height:98px;border:1px solid #CCC}         .box h2 {background:#9CC;text-align:left;text-indent:10px;font-size:12px;height:24px;line-height:24px;}                                         巧用overflow:hidden解决中间间隔问题
                                         Title             Content
         
     
                           Title             Content
         
     
                           Title             Content
         
     
                           Title             Content