CSS:不要包装div的内容

Question

我有一个固定宽度的div,里面有两个按钮.如果按钮的标签太长,它们会换行 - 一个按钮停留在第一行,而下一个按钮跟在它下面而不是与它相邻.

如何强制div扩展,以便两个按钮都在一行？

Answer 1

尝试 white-space: nowrap;

仅供参考:根据[MDN关于"白空间"的文档](https://developer.mozilla.org/en-US/docs/Web/CSS/white-space#Browser_compatibility),支持`nowrap`值IE 6+,但其他值仅为IE 8+ (6认同)

Answer 2

两者的结合float: left; white-space: nowrap;对我有用.

它们中的每一个都独立地没有达到预期的结果.

Answer 3

我不知道其背后的原因，但是我将父容器设置为display:flex，并将子容器设置为display:inline-block，尽管子项的总宽度超过了父级，它们仍保持内联。

没必要玩弄max-width，max-height，white-space，或其他任何东西。

希望能对某人有所帮助。