如何自动制作 div 大小，但防止它在窗口边缘破裂？答案

【问题标题】：How to make a div size automatically, but keep it from breaking at the window's edge?如何自动制作 div 大小，但防止它在窗口边缘破裂？
【发布时间】：2009-12-19 08:07:56
【问题描述】：

我有一个纯 CSS 翻转菜单，它在翻转时显示子导航。我希望这个子导航的宽度是显示内容所需的宽度（即我不想在 CSS 中硬编码宽度）。但是，如果我不在 CSS 中硬编码宽度，则 div 会在窗口边缘附近中断并且内容会换行。如果我确实设置了宽度，我会得到想要的效果（除了 div 是硬编码大小）并且内容不会换行，它只是扩展。有没有办法两者兼得？

【问题讨论】：

你所说的“break”到底是什么意思？
@thedz，我认为他的意思类似于换行/文本换行。

标签： css html width word-wrap

【解决方案1】：

DIV 不会中断。无序列表中断。列表中的内容会中断，但没有设置宽度的 div 总是占据页面的整个宽度（在调整边距之前）。

你想要的是让 div 中的内容不被换行，可以这样做：

 #navItem {
   white-space: nowrap;
 }

有更复杂的方法可以使用最小和最大宽度或使用 javascript 来获得动态宽度，但在浏览器之间都不是一致的。

【讨论】：

【解决方案2】：

您可能想查看 Superfish，尤其是带有“Supersubs”的选项，http://users.tpg.com.au/j_birch/plugins/superfish/#sample5

它会自动将子导航项调整为内容的宽度。

【讨论】：