时间:2021-05-18
通常我们在制作上图的时候,会分别给四个div加上不同的css属性,来实现中间间隔。但我们更希望的是不需要对html标签做标识,直接能通过css实现,今天在论坛上小志提出了一个很不错的解决方案。使用overflow:hidden属性。或许很多人已经是这样用了,我没用过,觉得耳目一新。呵呵。其实道理很简单,我们按照正常的设置li的margin-right、margin-bottom属性,这样的结果自然会比我们期望的要多出来右边和下方的,这个时候我们通过ul的父级来设置width/height属性,然后overflow:hidden把多余的隐藏掉。好方法,呵呵!
解决方法请看图:
巧用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;}
Content
Content
Content
Content
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
一些简单的例子,用原生js和jQuery实现随意改变div属性,和重置。代码如下:复制代码代码如下:函数传参,改变Div任意属性的值body,p{margin:
一些简单的例子,用原生js和jQuery实现随意改变div属性,和重置。代码如下:复制代码代码如下:函数传参,改变Div任意属性的值body,p{margin:
javascript实现显示和隐藏div方法汇总15种方法实现div显示和隐藏body{margin:0;}h1,h2{margin:0;}ul{margin:
实例如下所示:div{overflow:hidden;margin-top:50px;margin-left:500px;}.container{width:2
直接为div指定overflow属性必须指定div的高度:复制代码代码如下:div设置滚动条显示:overflow:yesdiv设置滚动条自适应显示:overf