html - 填充在 span 标签中不起作用

Question

好的，首先我想让你们都知道我已经尝试过使用 <span></span>标记(尽管可能不正确)。

我对 <span></span> 做错了什么吗？标签？还是我需要做一些完全不同的事情？

这是我当前创建一个没有 <br></br> 的空间的代码:

#beforeImage span {
  padding: 40px;
}

<span id="beforeImage">text</span>

Answer 1

需要解决的两件事:

• 您将 CSS 应用到 span of 一个 ID 选择器，但您使用的是 span HTML 中的 ID 选择器。

• span不会有padding，因为默认是内联元素，所以设置inline-block或阻止

片段

#beforeImage {
  padding: 40px;
  display: inline-block; /* or block */
 /* demo */
  background: red
 
}

<span id="beforeImage">Foo bar</span>