Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/list/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 无序列表中多行列表项的水平居中_Css_List_Centering_Html Lists - Fatal编程技术网

Css 无序列表中多行列表项的水平居中

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都是一个设定的宽度和高度。我见过很多方法只适用于一行,但当列表换行到第二行时,我尝试过的方法都不起作用。如果这在IE7+中起作用,那将是理想的——感谢您的帮助

请参见此处以获取说明:


这是我能找到的最好的方法

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完成了这个任务。再次感谢。