当前位置: 首页 > 面试题库 >

Margin-Top不能用于span元素?

索瀚海
2023-03-14
问题内容

有人可以告诉我我编码错误吗?一切正常,唯一的是顶部没有裕度。

HTML

<div id="contact_us"> <!-- BEGIN CONTACT US -->
  <span class="first_title">Contact</span>
  <span class="second_title">Us</span>
  <p class="content">For any questions whatsoever please contact us through the following e-mail address:</p></br></br>
  <p class="e-mail">info@e-mail.com</p></br></br></br></br>
  <p class="read_more"><a href="underconstruction.html">Read More</a></p>
</div> <!-- END CONTACT US -->

CSS

span.first_title {
  margin-top: 20px;
  margin-left: 12px;
  font-weight: bold;
  font-size: 24px;
  color: #221461;
}

span.second_title {
  margin-top: 20px;
  font-weight: bold;
  font-size: 24px;
  color: #b8b2d4;
}

问题答案:

不同于divp 1是可以在所有面上使用的块级元素marginspan2不能那样,因为它是仅在水平方向上占用边距的Inline元素。

从规格:

边距属性指定框的边距区域的宽度。’margin’速记属性设置所有四个边的边距,而其他margin属性仅设置它们各自的边。这些属性适用于所有元素,但是垂直边距对未替换的嵌入式元素不会有任何影响。

演示1(垂直margin不施加为span是一个inline元件)

解?制作您的span元素,display: inline-block;display: block;

建议您使用display: inline-block;它,因为它inline也一样block。使得它block只会导致你的元素将_另一条线路上_,作为block级元素采取100%在页面上的横向空间,除非它们是由inline- block或者他们floatedleftright

1. 块级元素-MDN源

2. 内联元素-MDN资源



 类似资料:
  • 问题内容: 有人可以告诉我我编码错误吗?一切正常,唯一的是顶部没有裕度。 HTML : CSS : 问题答案: 不同于, 1是可以在所有面上使用的块级元素,2不能那样,因为它是仅在水平方向上占用边距的Inline元素。 从规格: 边距属性指定框的边距区域的宽度。’margin’速记属性设置所有四个边的边距,而其他margin属性仅设置它们各自的边。这些属性适用于所有元素,但是垂直边距对未替换的嵌入

  • 描述 (Description) margin-top属性设置元素顶部边距的宽度。 可能的值 (Possible Values) length - 任何长度值。 percentage - 边距的宽度是相对于元素包含块的宽度计算的。 auto - 默认,让浏览器自动设置边距。 适用于 (Applies to) 所有HTML元素。 DOM语法 (DOM Syntax) object.style.mar

  • 问题内容: 我在嵌套div中存在问题-当我将其应用于嵌套div时,边距将应用于父div 而不是 嵌套div。 有任何想法吗? 问题答案: 边距将因设计而崩溃。也添加1px的填充,它应该可以正常工作。

  • 问题内容: 我有一个带display元素:inline-block,但是它似乎不接受margin-top。这是因为该元素仍被视为内联元素吗? 如果是,是否有人可以解决? 编辑#1 : 我的CSS很简单: 我最终将内容包装在另一个div中,并给了它一个空白。但这会导致很多额外的标记,并使我的代码不太清楚。 编辑#2 : &on 元素似乎只适用于正值。 问题答案: 我用过。它具有inline- blo

  • 问题内容: 假设您将以下CSS应用于div标签 左边距和右边距无效 但是,如果您有亲戚,它可以正常工作,即 这是为什么?我只想将元素居中 有人可以解释为什么将页边距设置为绝对位置无效吗? 问题答案: 编辑:这个答案曾经声称不可能用来使绝对定位的元素居中,但这根本不是事实。因为这是最受好评和接受的答案,所以我想我只是将其更改为正确。 当您将以下CSS应用于元素时 然后为元素提供固定的宽度和高度,例如

  • 我正在尝试使用xpath从页面中刮取数据并单击ot。例如,我想要的内容是以下格式 我使用了函数//span[contains(@class,'x-tree-node-text')。但它没有返回任何内容。 任何帮助?