如何在不让所有列表项都填充该宽度的情况下为所有列表项提供最大宽度答案

【问题标题】：How do I give all list items a max-width without having all of them fill that width如何在不让所有列表项都填充该宽度的情况下为所有列表项提供最大宽度
【发布时间】：2013-08-29 02:32:04
【问题描述】：

http://cdpn.io/gsDHK

Codepen 链接 ^

我对这个列表有疑问。我需要在所有这些上的某个点打破单词，但我无法更改列表项中的 HTML。

我在每个列表项上设置了 72px 的最大宽度。但现在它们都是 72px 宽。它们应该是最大宽度为 72px 的自动宽度。每个列表项两侧的空白必须是偶数。正如您在学习中心链接上看到的，空白区域比其他区域多。

【问题讨论】：

您的项目是 72px，因为它们被强制为最大宽度，因此它小于您的 li 将采用的自然宽度。搜索“white-space”、“text-overflow”和“word-wrap”以了解文本元素的行为。

标签： html css

【解决方案1】：

您可以将text-align 属性更改为center。这样你就可以在两边得到均匀的间距。

【讨论】：

不能那样做。它们必须左对齐。无论如何，我认为这不会使它们均匀分布。