Css 无序列表中多行列表项的水平居中
我有一个无序列表,它被包装到第二行,需要在包含UL的列表中水平居中。每个LI都是一个设定的宽度和高度。我见过很多方法只适用于一行,但当列表换行到第二行时,我尝试过的方法都不起作用。如果这在IE7+中起作用,那将是理想的——感谢您的帮助 请参见此处以获取说明:Css 无序列表中多行列表项的水平居中,css,list,centering,html-lists,Css,List,Centering,Html Lists,我有一个无序列表,它被包装到第二行,需要在包含UL的列表中水平居中。每个LI都是一个设定的宽度和高度。我见过很多方法只适用于一行,但当列表换行到第二行时,我尝试过的方法都不起作用。如果这在IE7+中起作用,那将是理想的——感谢您的帮助 请参见此处以获取说明: 这是我能找到的最好的方法 ul li { /* make list elements fall inline as block elements */ position: relative; display: i
这是我能找到的最好的方法
ul li {
/* make list elements fall inline as block elements */
position: relative;
display: inline-block;
/* next two lines only for display purposes */
text-align: center;
border:1px solid red;
}
/* horizontally center ul element */
ul { text-align:center; }
查看链接中的示例:OMG LOL——如此简单的解决方案——由于习惯于采用复杂的解决方案,我忘了看显而易见的问题。多谢!对不起,我跳了枪,这在IE7中不起作用,因为某些原因。IE总是有一个黑客:)这是我发现的:zoom:1*显示:内联;在一个有条件的例子中,CSS完成了这个任务。再次感谢。