-
block元素,inline-block元素,padding对他们的高度和宽度都会影响查看全部
-
(1)padding:只影响inline元素的宽度,不会影响高度查看全部
-
分隔线查看全部
-
1、使用百分比单位构建固定比例布局结构(正方形) 2、配合margin等高布局 .box{ overflow: hidden; resize:vertical; } .child-orange,.child-green{margin-bottom: -600px;padding-bottom: 600px;} .child-orange{ float: left;background: orange; } .child-green{ float: left;background: green; }很大的margin-bottom负值,很大的padding-bottom填充缺失空间 3、两栏自适应布局 padding在容器上: .pbox{ padding-left: 120px; } .pbox img{ float: left; margin-left: -120px; } <div class="pbox"> <img src="mm.jpg"> duanluo... </div> padding在子元素上: img{ float:left; } .auto{ padding-left:120px; } <div> <img src="mm.jpg"> <div class="auto">duanluo...</div> </div>查看全部
-
用padding实现三道杠效果查看全部
-
用padding实现鱼眼效果:大圈套小圈,中间有空隙查看全部
-
ol/ul列别设置 padding-left时可以设置为22px-25px;查看全部
-
padding不支持任何形式的负值; padding可以设置为50%;高宽会有差异 font-size:0;来做一个正方形查看全部
-
padding在block水平元素下width非auto;padding会影响尺寸; width为auto或box-sizing为border-box,同时padding没有暴走,不会影响尺寸, 在inline元素下,水平可以增加尺寸,垂直无变化,但是垂直状态下背景尺寸会增加。 例子:span{padding:16px 6px 1px;margin-left:12px;border-left:12 solid;font-size:0;}查看全部
-
padding实现两栏自适应布局:(2)padding在子元素上查看全部
-
padding实现两栏自适应布局:(1)padding在容器上查看全部
-
padding,配合margin实现等高布局查看全部
-
利用padding实现移动端1:1头图布局查看全部
-
用padding实现鱼眼效果:大圈套小圈,中间有空隙查看全部
-
用padding实现三道杠,其中background-clip:content-box;可使背景色只填充在内容区域查看全部
举报
0/150
提交
取消