我正在尝试创建一个水平居中的固定宽度、固定高度元素的无序列表。如果只有一项,它将位于中间。随着添加更多元素,它将从中间向外生长。当达到容器宽度时,它将换行到下一行,如图所示。
是否有可能实现这一点并使其在 ie7、ie8 和所有其他主流浏览器中工作?任何帮助将不胜感激。
非常感谢。
最佳答案
您可以使用 CSS3 属性 inline-block
,它在 IE7 和其他浏览器上工作得很好。
inline-block
元素具有内联项的属性,但可以固定宽度或/和高度。
如果 li
是 display: inline-block
并且 ul 是 text-align: center
我认为可行。
:)
关于css - 水平居中 li - 多行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13484226/