html - 如何使内联跨度标记转到下一行，而无需将其显示更改为阻止？

Question

如何使内联 span标记转到下一行，而不必更改其显示以阻止？

我想保留其内联行为，因为该span标签旨在包含一条短消息。但是，因为它是内联的，所以它的位置从它的前一个元素（在它的前一个元素旁边）继续。我需要跨度定位到下一行，即在其前一个元素下方而不是并排。

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

Answer 1

用这个：

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

来自\a：http ://www.w3.org/TR/CSS2/syndata.html#strings ：

字符串不能直接包含换行符。要在字符串中包含换行符，请使用表示 ISO-10646 (U+000A) 中换行符的转义符，例如“\A”或“\00000a”。这个字符代表 CSS 中“换行符”的通用概念。

Answer 2

您可以将 span 放入块元素中，例如段落元素。或者你可以在跨度和你想在上一行的元素之间放置一条不可见的水平线。或者你可以加入一个换行元素。