html - CSS HTML 如果句子的末尾被浏览器缩放强制分开，则使句子/页面元素在新行开始

Question

我有一个 ASP.net 应用程序，但我需要一些 html 和 css 方面的帮助。所以我得到了一些文本，后面跟着一些按钮和更多文本，现在我希望所有这些按钮在一个元素脱离页面时跳转到下一行。

<p> Lorum ipsum ...
<asp:Button ID="Button1" allotherrequiredatts=""/>
<asp:Button ID="Button2" allotherrequiredatts=""/>
<asp:Button ID="Button3" allotherrequiredatts=""/>
more text </p>

我通过添加 <br> 来操纵最后的结果代码中的标记。

那么是否有好的 CSS 或 HTML 技巧可以实现这一点。

Answer 1

White-space nowrap 应该这样做:

<p> Lorum ipsum ...
<span style="white-space: nowrap;">
<asp:Button ID="Button1" allotherrequiredatts=""/>
<asp:Button ID="Button2" allotherrequiredatts=""/>
<asp:Button ID="Button3" allotherrequiredatts=""/>
</span>
more text </p>