我已经使用white-space: nowrapanddisplay: inline-block强制在同一行上放置两个元素，然后White-space: normal在这些元素中设置以允许里面的文本正常换行。
问题在于，由于某种原因，文本不会换行，直到视口的宽度小于元素之一——而不是两者。
我创建了一个小提琴来进一步解释这一点：https ://jsfiddle.net/krkb8d9L/1/ 。请注意，您需要将窗口缩小到 100 像素（最左边元素的宽度），比通常在文本开始换行之前要少。
有人可以解释为什么会这样吗？它似乎在浏览器之间也是一致的。我显然希望文本在它不适合时立即开始换行（例如，如果元素是浮动的）。