padding - fangdiao/Notes GitHub Wiki
父元素width为非auto时,水平padding值超过父元素大小时,会影响其宽度,垂直padding不影响高度,但会影响背景色区域。
padding不支持任何形式的负值。 padding值设置为50%,实现正方形,无内容的内联元素的垂直padding会有"strut"出现,不会是正方形,设置font-size=0;解决。
- ol/ul 内置padding-left,单位为px,大小固定,字体过小过大均不能对齐下面的元素,解决办法,设置padding-left将其覆盖。
- button表单按钮padding
FireFox浏览器设置:button::-moz-focus-inner{padding:0;}解决padding值不为0;
button兼容性不好,可以选择标签模拟;
或者使用标签(兼容性好):
<button id="btn" > <lable for="btn">按钮</lable> lable { display:inline-block; line-height:20px; padding:10px; }