行内元素外边距的有关问题
日期：2014-05-17 浏览次数：20966 次
行内元素外边距的问题
<span>标签算是行内元素吧，但是为什么margin-top属性没发挥作用呢？它应该不会有重叠外边距的问题吧。
------解决方案--------------------
margin-top
margin-bottom 对 行内元素 无效，可以使用 padding
------解决方案--------------------
你在 <span>标签上再加个display:block;
margin就有效了
如：
- HTML code
<div style="margin:10px;background:blue">
<span style="margin-top:20px;background:red;">aaaaaaaa</span>
</div>
<span>标签算是行内元素吧，但是为什么margin-top属性没发挥作用呢？它应该不会有重叠外边距的问题吧。
------解决方案--------------------
margin-top
margin-bottom 对 行内元素 无效，可以使用 padding
------解决方案--------------------
你在 <span>标签上再加个display:block;
margin就有效了
如：
- HTML code
<div style="margin:10px;background:blue">
<span style=" display:block;margin-top:20px;background:red;">aaaaaaaa</span>
</div>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
