-
padding: 50%的妙用block查看全部
-
span { padding:10px 6px 1px; margin-left:12px; border-left: 2px solid; font-size:0; } span{padding:16px 6px 1px;margin-left:12px;border-left:2px solid;font-size:0} padding：填充距离上16px，右6px，下1px，左6px；margin-left：是左边界12px；border-left：是做边框2px，实线；font-size是span标签标记的文字字号为0，即隐藏文字。不隐藏的话在高度上会有填充，就相当于有一行“隐形文字”，高度为系统默认值，设置font-size为0就是去掉这行查看全部
-
三道杠效果查看全部
-
头图正方形查看全部
-
文字：12~14 图片：22~24查看全部
-
黑眼效果查看全部
-
div+padding三道杠查看全部
-
因此实际使用中使用a标签模拟按钮，但是表单提交按钮需要原生，建议用label标签查看全部
-
padding与高度计算不兼容查看全部
-
IE button毛病查看全部
-
火狐button清padding的原因查看全部
-
input/textarea/button/select/radio/checkbox查看全部
-
ol/ul列表 1、ol/li元素内置padding-left（li元素的第一个字），但是单位是px不是em（文字个数）； 2、Chrome浏览器下是40px； 3、所以如果字号很小，间距就会很开；字号很大，序号会爬到容器外面 开发过程中为使序号与其他内容对齐，文字大小12px或14px，padding-left为22px至25px 表单元素内置padding： 所有浏览器input/textarea输入框内置padding 所有浏览器button按钮内置padding 部分浏览器select下拉内置padding，如FireFox IE8+可以内置padding 所有浏览器radio/chexkbox单复选框无内置padding button按钮元素的padding最难控制 FireFox浏览器设置padding：0，左右依然有padding 要使其没有padding可以使用button::--moz-focus-inner{padding: 0;} IE浏览器：文字越多，左右padding逐渐变大，要使其无padding使用botton{overflow：visible；} padding与高度计算不兼容 因此实际使用中使用a标签模拟按钮，但是表单提交按钮需要原生，建议用label标签 <button id="btn"></button> <label for="btn">按钮</label> label{ display: inline-block; line-height: 20px; padding: 10px; }隐藏button访问性，例如将其放在背景下面，z-index=-1查看全部
-
对于block水平元素： 1、padding值暴走(非常大)，一定会影响尺寸； 2、width非auto，即width有值，padding影响尺寸； 3、width为auto或box-sizing:border-box，同时padding值没有暴走，不影响尺寸 对于inline水平元素: 水平padding影响尺寸，垂直padding不影响尺寸,但会影响背景色（占据空间） 利用该特性可以实现高度可控的分割线 注册<span></span>退出登录 span{ padding: 16px 6px 10px; margin-left: 12px; border-left: 2px solid; font-size: 0; }查看全部
-
span查看全部
举报
0/150
提交
取消