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

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;

演示2

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



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

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

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

  • 题目描述 块元素的margin-top对相邻float元素的位置影响: 有两个相邻块元素,box1设置float,不设置margin-top;box2设置margin-top,然后调整box2的margin-top值,可以看到box1跟随box2上下移动。 请问是什么原理啊? 相关代码 浏览器截图

  • 我必须创建一个函数,它接受两个参数,一个选择器和一个字符串,它将把选定元素的文本内容中的每个单词放到一个新的“span”元素中。每个新的“span”元素必须有一个唯一的ID,由前缀和一个连续整数(如par0、par1等)组合而成。该函数还需要处理嵌套的子元素... 任何帮助创建这将是高度赞赏的。谢谢你...

  • span元素也是一个没有语义的元素,类似于 div 元素。不过,span 是行内元素,它只能包围字词或短语,而 div 元素适合包含块级内容。 如果想为一小块内容定义 class、id、dir、lang 等属性,或定义特殊的显示风格,或定义Javascript行为,而又没有相应的HTML语义元素时,就可以使用 span元素。 如,以下段落中,通过三个 span元素,定义了三小块内容,并为它们分别应