UL LI不能居中，请高手赐教解决方法
日期：2014-05-17 浏览次数：20648 次
UL LI不能居中，请高手赐教
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<!-- saved from url=(0038)http://localhost:4524/TextMonitor.aspx -->
<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>无标题页</TITLE>
<STYLE type=text/css>.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
}
</STYLE>
<META content="text/html; charset=utf-8" http-equiv=Content-Type>
<META name=GENERATOR content="MSHTML 8.00.7601.17744"></HEAD>
<BODY>
<FORM id=form1 method=post name=form1 action=TextMonitor.aspx>
<DIV><INPUT id=__VIEWSTATE
value=/wEPDwUJMzE4MTEyMzk4ZGR780OmRKbhsSWm41jFhg+gCRDz3g== type=hidden
name=__VIEWSTATE> </DIV>
<DIV>
<TABLE width="100%">
<TBODY>
<TR>
<TD height=52 background=v_files/f15_09.gif align=middle>
<P><SPAN
class=STYLE2><STRONG>XX区坏境</STRONG><STRONG>VOC</STRONG><STRONG>污染源在线监控平台（企业同步比）</STRONG></SPAN>
</P></TD></TR></TBODY></TABLE>
<TABLE width="100%">
<TBODY>
<TR>
<TD bgColor=#cbdeea>
<UL>
<LI>
<DIV class=c2>72.08%</DIV>
<DIV class=c2>AAAAA</DIV></LI>
<LI>
<DIV class=c2>5.07%</DIV>
<DIV class=c2>BBBBB</DIV></LI>
<LI>
<DIV class=c2>0%</DIV>
<DIV class=c2>CCCCC</DIV></LI>
<LI>
<DIV class=c2>3.12%</DIV>
<DIV class=c2>DDDDD</DIV></LI>
<LI>
<DIV class=c2>35.35%</DIV>
<DIV class=c2>EEEEE</DIV></LI>
<LI>
<DIV class=c2>0.97%</DIV>
<DIV class=c2>FFFFF</DIV></LI>
<LI>
<DIV class=c2>0.21%</DIV>
<DIV
class=c2>系统测试</DIV></LI></UL></TD></TR></TBODY></TABLE></DIV></FORM></BODY></HTML>
这是全部代码，问题就是UL LI不能居中，请问如何改正才能居中，小弟先谢谢各位了
------解决方案--------------------
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
}
------解决方案--------------------
margin: 5px
再加上每个13%
能到100%吗
你的计算有问题
最后还是固定值好算些
都是百分比的话，你自己算吧。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<!-- saved from url=(0038)http://localhost:4524/TextMonitor.aspx -->
<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>无标题页</TITLE>
<STYLE type=text/css>.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
}
</STYLE>
<META content="text/html; charset=utf-8" http-equiv=Content-Type>
<META name=GENERATOR content="MSHTML 8.00.7601.17744"></HEAD>
<BODY>
<FORM id=form1 method=post name=form1 action=TextMonitor.aspx>
<DIV><INPUT id=__VIEWSTATE
value=/wEPDwUJMzE4MTEyMzk4ZGR780OmRKbhsSWm41jFhg+gCRDz3g== type=hidden
name=__VIEWSTATE> </DIV>
<DIV>
<TABLE width="100%">
<TBODY>
<TR>
<TD height=52 background=v_files/f15_09.gif align=middle>
<P><SPAN
class=STYLE2><STRONG>XX区坏境</STRONG><STRONG>VOC</STRONG><STRONG>污染源在线监控平台（企业同步比）</STRONG></SPAN>
</P></TD></TR></TBODY></TABLE>
<TABLE width="100%">
<TBODY>
<TR>
<TD bgColor=#cbdeea>
<UL>
<LI>
<DIV class=c2>72.08%</DIV>
<DIV class=c2>AAAAA</DIV></LI>
<LI>
<DIV class=c2>5.07%</DIV>
<DIV class=c2>BBBBB</DIV></LI>
<LI>
<DIV class=c2>0%</DIV>
<DIV class=c2>CCCCC</DIV></LI>
<LI>
<DIV class=c2>3.12%</DIV>
<DIV class=c2>DDDDD</DIV></LI>
<LI>
<DIV class=c2>35.35%</DIV>
<DIV class=c2>EEEEE</DIV></LI>
<LI>
<DIV class=c2>0.97%</DIV>
<DIV class=c2>FFFFF</DIV></LI>
<LI>
<DIV class=c2>0.21%</DIV>
<DIV
class=c2>系统测试</DIV></LI></UL></TD></TR></TBODY></TABLE></DIV></FORM></BODY></HTML>
这是全部代码，问题就是UL LI不能居中，请问如何改正才能居中，小弟先谢谢各位了
------解决方案--------------------
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
}
------解决方案--------------------
margin: 5px
再加上每个13%
能到100%吗
你的计算有问题
最后还是固定值好算些
都是百分比的话，你自己算吧。
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
