行内元素（除可替换元素外）的注意事项

  • 设置属性：宽高无效，margin-top、margin-bottom 无效

  • 特殊情况

    • 设置 padding-top、padding-bottom、border-top、border-bottom会将元素撑开但是不占据空间

W3C组织在设置标准的时候，希望行内级元素，在同一行排列，设置padding和border，元素的高度就不一样了，这样就违背了设计的初衷。

建议

  • 给行内级元素设置外边距和边框，转成行内块级元素。