你怎么告诉浏览器,"如果你需要包装,首先包装在这里"？

Question

我正在制作一个网页,其中标题有一个主题和一个描述符,每个都包含在标签中.

我已经查找了<wbr>标签,如果你的长字符串没有空格,它似乎只能起作用.但我在文本中间歇性地有空格.

我需要的是我可以在两个元素或字符之间插入一些东西,告诉浏览器如果给它以下代码:

<span>How do you tell a browser,</span><span>"if you need to wrap, wrap here first"<span>

渲染:

你怎么告诉浏览器,"如果你要包装,首先包装在这里"？

但是如果没有足够的空间,首先要在元素之间进行分割,这样做:

你怎么告诉浏览器,

"如果你需要包裹,首先包裹在这里"

然后,如果它进一步收缩,则需要进一步断开线.

有没有说"插入一个换行符的字符,标签或CSS规则在这里之前,你甚至考虑把一个换行符其他地方？

Answer 1

我不敢相信我把事情搞砸了，但是是的，当然有办法

有了这个代码：

<span>How do you tell a browser,</span><span>"if you need to wrap, wrap here first"<span>

在 CSS 中应用span {display:inline-block}将迫使它们保持在一起。