Question

我想使用span这样的属性在css中的:before标记上方添加一个空行。

______

 Hi

我已尝试将border-top用于span代码。但这不是我的要求。我搜索并尝试但没有工作。请帮忙。

Answer 1

如果您已开始使用:before属性，请参阅以下内容：

＆＃13;

span:before {
  content: '';
  width: 100%;
  height: 1em;
  display: inline-block;
  background: red; /* Remove, just showing empty line */
}
span {
  display: inline-block; /* Can remove if span:before width doesn't matter. */
}

＆＃13;

<span>Test Text</span>

＆＃13;

如果您愿意使用更简单的内容，请尝试使用以下代码margin-top：

＆＃13;

span {
  margin-top: 1em; /* Adjust to your liking */
  display: block; /* Could also use inline-block */
}

＆＃13;

<span>Test Text</span>

＆＃13;

Answer 2

使用display: block和margin-top: 1em。 <span>是一个默认显示值为inline的元素。您应该使用div或将显示设置为阻止。

em等于字体大小，因此它应该为margin-top

工作

<强> HTML

<span class="example">Hi</span>

<强> CSS

.example{
  margin-top: 1em;
  display: block;
}

Answer 3

只需使用tag即可在PYTHONPATH上方提供一行空格。

Answer 4

span:before {
  content: "\a";
  white-space: pre;
}

<span>Hi</span>

如何在css中添加一个空行

4 个答案: