Html 如何使内联span标记转到下一行，而不必将其显示更改为block？

如何使内联

span

标记转到下一行，而不必将其显示更改为block

我想保留它的内联行为，因为

span

标记意味着包含一条短消息。但是，因为它是内联的，所以它的位置从上一个元素（在上一个元素旁边）继续。我需要跨距来定位到下一行，也就是说，在前一个元素下面，而不是并排

---

是否可以在不将其显示更改为块的情况下执行此操作？

您可以将跨度插入块元素，如段落元素。或者，您可以在跨度和希望位于前一行的图元之间放置一条不可见的水平规则。或者您可以加入换行符元素。

使用以下方法：

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

\a

来自：

---

字符串不能直接包含换行符。要在字符串中包含换行符，请使用表示ISO-10646（U+000A）中换行符的转义符，例如“\a”或“\00000a”。此字符表示CSS中“换行符”的一般概念。

内联块

不起作用。它把它带到下一行，但行为仍然像一个块。你不能这样做，你想让

内联

元素像

块

元素一样工作，而不把它当作

块

…这样你就可以尝试

显示：表

你想保留什么内联行为？@Matthew我实际上想突出显示一条像标签一样的文本。所以我只需设置背景颜色。块元素基本上为块的整个背景着色。这就是我想要内联行为的原因。谢谢！这是一个有趣的方法。但是“\a”到底是什么？它给内容增加了什么？这是通过使span标记转到下一行来完成的，但是由于span标记的背景有一些颜色，我可以看到span元素的一个短条，就在它的前一个元素旁边。