css - 水平居中 li - 多行

标签 css centering

我正在尝试创建一个水平居中的固定宽度、固定高度元素的无序列表。如果只有一项,它将位于中间。随着添加更多元素,它将从中间向外生长。当达到容器宽度时,它将换行到下一行,如图所示。

是否有可能实现这一点并使其在 ie7、ie8 和所有其他主流浏览器中工作?任何帮助将不胜感激。

非常感谢。

What I'm trying to achieve

最佳答案

您可以使用 CSS3 属性 inline-block,它在 IE7 和其他浏览器上工作得很好。

inline-block 元素具有内联项的属性,但可以固定宽度或/和高度。

如果 lidisplay: inline-block 并且 ul 是 text-align: center 我认为可行。

:)

关于css - 水平居中 li - 多行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13484226/

相关文章:

css - 左上角的边框设置

jquery - 有没有办法为 IE8 及以下用户启用 JQuery 弹出窗口?

html - 有没有办法将导航栏中 li 下的下拉菜单居中?

css - Foundation 4 Zurb 导航栏位于底部而不是顶部

css - 当没有指定宽度时,在父 div 中居中左对齐的子 div

css - prestashop css 垂直和水平居中

html - Angular ng-if 更改跨度文本

html - 无法在 <ul> 中居中 <li>

css - 在 100% 屏幕中居中对齐可变宽度的 div

css - 居中的 div 底部边距溢出父级