html - 如何给所有列表项一个最大宽度而不让所有列表项都填充该宽度

标签 html css

http://cdpn.io/gsDHK

Codepen 链接 ^

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

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

最佳答案

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

关于html - 如何给所有列表项一个最大宽度而不让所有列表项都填充该宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18495398/

相关文章:

jquery - 如何用示例编写可伸缩固定侧边栏

html - css a 标签没有向右移动

android - 在 <select> 输入中显示图像而不是所选文本?

html - 使用填充自动填充剩余高度

jquery - 使用具有数据属性作为标题的 div 应用 Accordion

css - JQuery Mobile,如何向 li 元素添加两个或多个 anchor ?

javascript - 单击一个按钮可更改多个跨度项

jquery - Angular 中的动画

html - img 最大宽度与百分比它是如何工作的?

javascript - 在 jQuery 中将水果添加到购物篮