-
记一笔查看全部
-
button高度不同浏览器不同兼容性差，所以通常情况下用标签模拟按钮，把button的z-indenx：-1藏在背景色下，或者绝对定位出屏幕查看全部
-
padding负值和百分比值： 1、块级元素可以轻松实现一个正方形——div{padding:50%}--垂直百分比相对于宽度计算; 2、inline水平元素的padding百分比值（有三个特点）： 1）同样相对于宽度计算； 2）默认的高度宽度细节有差异；//会让规范中“strut”出现，让高比宽更大 3）padding会断行 inline元素padding50%也非完全正方形，会出现高比宽高一些，垂直方向空白幽灵节点即strut出现，可以设置font-size为0清除查看全部
-
padding画图实例二：白眼效果查看全部
-
padding画图实例一：菜单按钮查看全部
-
使用label来联动button查看全部
-
inline水平元素查看全部
-
padding百分比均是相对于宽度计算的查看全部
-
padding不支持任何形式的负值查看全部
-
运用：高度可控的分割线查看全部
-
对于inline水平元素查看全部
-
对于block水平元素查看全部
-
实际应用--高度可控的分隔线（管道符） 三种方法 1，直接使用字符，但高度不可控，因为字体不一样嘛 2，display：inline-block控制，宽高，对齐等 3，简单方法使用内联的inline padding来实现；注意padding{16px 6px 1px},左右填充为6px,上为16px,下为1px（利用上下来控制长度），左+右填充=左边距;border-left就是分隔符查看全部
-
content-box： padding和border不被包含在定义的width和height之内。对象的实际宽度等于设置的width值和border、padding之和，即 ( Element width = width + border + padding ) 此属性表现为标准模式下的盒模型。 border-box： padding和border被包含在定义的width和height之内。对象的实际宽度就等于设置的width值，即使定义有border和padding也不会改变对象的实际宽度，即 ( Element width = width )此属性表现为怪异模式下的盒模型。在这种情况下，padding之比较小不影响尺寸，但是如果很大就会影响尺寸，视频中有例子~查看全部
-
一般padding-left为22到25可以保证序号与下面内容对齐查看全部
举报
0/150
提交
取消