如何使UL中的内容居中

来源：百度知道 编辑：UC知道 时间：2024/05/21 18:58:05
UL中的内容只能设为左浮动或右浮动，怎样才能使UL中LI内容居中对齐内？谢谢高手解答！

<ul id="s">
<li>国内</li>
<li>国际</li>
<li>校园</li>
</ul>

#s {
font-size: 14px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
margin-bottom: 20px;
text-align: center;
width: 100%;
}

UL居中的问题
　　很多标准都有写不要用表格来进行布局啊，我现在知道了一种方法，在IE，FF，Opera下都测试成功，但不知道如果用其它样式会不会也没问题。
　　<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
　　<html>
　　<head>
　　<title> New Document </title>
　　<style>
　　#menu{
　　background:#EEE;
　　text-align:center;
　　padding:0 10px;
　　}

　　#menu ul{
　　height:21px;
　　text-align:center;
　　color:#FFF;
　　font-size:13px;
　　list-style:none;
　　margin:0;
　　padding:0;
　　}

　　#menu ul li{
　　letter-spacing:2px;
　　display:inline;
　　font-size:13px;
　　padding:0px 12px;
　　line-height:21px;
　　height:21px;
　　border-right:1px solid #fff;

　　}
　　#menu ul #exit{
　　border-right-width:0;
　　}
　　#menu a{
　　font-size:12px;
　　letter-spacing:2px;
　　text-decoration: none;
　　}
　　</style>
　　</head>