行内元素外边距的有关问题
行内元素外边距的问题
<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>
相关推荐
- BFC（块级格式化上下文） BFC（块级格式化上下文）：是一个独立的渲染区域，里面的内容浮动不影响区域外的元素 作用一：清除浮动 作用二：解决外边距合并 BFC是一个隔离的独立区域，里面的元素不会影响到外面的元素
- 布局顶部外边距margin会使整个网页都有外边距的解决有关问题
- 使用JavaScript的createElement创建新的元素出现了有关问题
- 转：解决行内元素间隙bug有关问题
- 两种隐藏元素方式【display: none】和【visibility: hidden】的区别及由此引出的有关问题
- 【C】使用指针对数组中的元素换位有关问题
- img图片底部出现莫名的下边距有关问题
- JS中由ajax异步生成的页面元素绑定事件失效有关问题
-
------解决方案----------------
- 议论内外边距对行内元素是否起作用，则要对行内替换元素和行内非替换元素分别讨论
- C#怎么自动更新
- [转]怎么解决外边距margin叠加的有关问题探讨