好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

ULLI不能居中,请高手赐教_html/css_WEB-ITnose



无标题页
.STYLE2 {
COLOR: #ffffff
}
BODY {
BACKGROUND-COLOR: #9ac5db
}
.c1 {
COLOR: #663399; FONT-SIZE: 14px
}
.c2 {
MARGIN-TOP: 5px; FONT-SIZE: 12px
}
UL {
TEXT-ALIGN: center; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
LI {
TEXT-ALIGN: center; MARGIN: 5px; WIDTH: 13%; BACKGROUND: #333366; FLOAT: left; COLOR: #ffffff
}







这是全部代码,问题就是UL LI不能居中,请问如何改正才能居中,小弟先谢谢各位了


回复讨论(解决方案)

数字定一下ul的宽度或body的宽度试试

UL {
TEXT-ALIGN: center; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px auto; PADDING-LEFT: 0px; WIDTH: 700px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
LI {
TEXT-ALIGN: center; MARGIN: 5px; WIDTH: 90px; BACKGROUND: #333366; FLOAT: left; COLOR: #ffffff
}

居中的啊。。。(IE9)

居中的啊。。。(IE9)
看错了。。不好意思

引用 3 楼 zsx841021 的回复:

居中的啊。。。(IE9)

看错了。。不好意思

那怎么办,不知道哪里出错了

UL {
TEXT-ALIGN: center; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px auto; PADDING-LEFT: 0px; WIDTH: 700px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
LI {
TEXT-ALIGN: center; MARGIN: 5px;……

这好像不行。。。

float:left;我觉得是这个引起的。。当你改为right;它又在右边了。。

引用 2 楼 acesidonu 的回复:
UL {
TEXT-ALIGN: center; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px auto; PADDING-LEFT: 0px; WIDTH: 700px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
LI {
TEXT-ALIG……
ie 7 8
ff 10 均能居中

引用 6 楼 xwy5354 的回复:
引用 2 楼 acesidonu 的回复:
UL {
TEXT-ALIGN: center; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px auto; PADDING-LEFT: 0px; WIDTH: 700px; PADDING-RIGHT: 0px; PADDING-TOP: 0……
ie9就不行。。

ie9太高级了,没有用过。

引用 6 楼 xwy5354 的回复:
引用 2 楼 acesidonu 的回复:
UL {
TEXT-ALIGN: center; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px auto; PADDING-LEFT: 0px; WIDTH: 700px; PADDING-RIGHT: 0px; PADDING-TOP: 0p……
在I7,I8坏境下可以居中,不过改变了我原来的格局了

margin: 5px
再加上每个13%
能到100%吗
你的计算有问题
最后还是固定值好算些
都是百分比的话,你自己算吧。

还是觉得得定下宽度在居中。。

查看更多关于ULLI不能居中,请高手赐教_html/css_WEB-ITnose的详细内容...

  阅读:26次