css中ul块的居中问题

发布网友 发布时间：2022-04-22 10:42

我来回答

共6个回答

热心网友 时间：2022-04-06 14:49

body,ul,li{
margin:0 auto;
margin:0;/*上面一句拿来何用?*/
padding:0;
}

margin:0 auto;居中的方法用在firefox下面，在ie下是无效的。
ie下要让ul的父元素文本居中对齐后ul才能居中：即#nav{}里面加上text-align:center;

热心网友 时间：2022-04-06 16:07

给ul加上width应该可以。。比如 ul {margin:0px auto;width:200px}，width你可以自己调试

热心网友 时间：2022-04-06 17:41

UL没有设置宽度，你用margin:0 autl是没有用的，，因为它默认了100%

给它一个宽度，实际宽度或者width:auto都可以。追问

我设置了auto不起作用啊，设置了一个宽度倒是起作用但还是红色部分没有对齐，你能试试吗？

还有你说“腻味它默认了100%”意思是ul的宽度是父容器nav的100%吗?

这种效果外加文字在红色部分也平均分布，代码该怎样写？

100%这个说得有点错了，，它默认应该是AUTO，，随内容而变，，

热心网友 时间：2022-04-06 19:33

在你现有代码上进行最小限度修改，给ul加个固定宽度，给li加个固定宽度，li 的宽度值为ul宽度值除于li的个数

热心网友 时间：2022-04-06 21:41

对齐方式选择居中试试！！！

热心网友 时间：2022-04-07 00:05

ul跟div不是一样的块级元素，所不像div那样用margin：0px auto来居中，要想让ul居中，需要加上display:block

ul{margin:0px auto;display:block}