我做了一个CSS英文下拉菜单，想让每个单词相隔的空间一样，请教各位要怎么弄？

来源：百度知道 编辑：UC知道 时间：2024/06/08 08:46:53
<head>
<style type="text/css">
<!--
*{margin:0;padding:0;border:0; height:inherit}
body {font-family: arial, 宋体, serif;
font-size:12px;}
#nav {line-height: 24px; list-style-type: none;}
#nav a {display: block; width: 104px; text-align:center;}
#nav a:link {color:#000000; text-decoration:none;}
#nav a:visited {color:#000000;text-decoration:none;}
#nav a:hover {color:#FFFF00;text-decoration:none;font-weight:bold;}
#nav li {float: left; width: 104px;}
#nav li ul {line-height: 23px; list-style-type: none;text-align:left;
left: -999em; width: 980px; position: absolute; float:left;}
#nav li ul li{float: left; width: 90px;background: #FCEA47; }
#nav li ul a{display: block; width: 90px;text-align:center;}
#nav li ul a:link {color:#666; text-decoration:none;}
#nav li ul a:visited {color:#666;text-decoration:none;}
#nav li ul a:hover {color:#F3F3F3;text-decoration:none;font-

需要改动的地方:

#nav a {display: block; padding:0 20px; text-align:center; border:1px solid}

#nav li {float: left}

#nav li ul li{float: left; background: #FCEA47; }

#nav li ul a{display: block; padding:0 20px ;text-align:center;}

________

你先试下- -!!, 宽度是根据你字体的多少自动增加的