padding - fangdiao/Notes GitHub Wiki

深入学习padding

padding对元素大小的影响

父元素width为非auto时,水平padding值超过父元素大小时,会影响其宽度,垂直padding不影响高度,但会影响背景色区域。

padding负值和百分比值

padding不支持任何形式的负值。 padding值设置为50%,实现正方形,无内容的内联元素的垂直padding会有"strut"出现,不会是正方形,设置font-size=0;解决。

标签元素的内置padding

  1. ol/ul 内置padding-left,单位为px,大小固定,字体过小过大均不能对齐下面的元素,解决办法,设置padding-left将其覆盖。
  2. 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; }
⚠️ **GitHub.com Fallback** ⚠️