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