二战中的土耳其装备:一个垂直居中的问题

来源：百度文库编辑：神马品牌网时间：2024/04/29 02:22:15

<div id="menu">
<ul>
<li><a href="www.3zhixiong.com">首页</a></li>
<li><a href="www.3zhixiong.com/blog.htm">日记</a></li>
<li><a href="www.3zhixiong.com/shoucang.htm">收藏</a></li>
</ul>
</div>
如上,做了一个导航条,用css控制样式.如下:

#menu { width:100%; padding:0px; margin:0px; border:0px;}
#menu ul { list-style-type:none;
display:inline;
clear:left;
margin:0px;
padding:0px;
border:0px;
}
#menu li { display:block;
text-align:center;
float:left;
height:30px;
border-right:1px solid #000066;
}
#menu li a{ display:block;
text-decoration:none;
font-size:12px;
}

#menu ul li a { width:50px;}

现在的问题是,首页;日记;收藏,等文字不能垂直居中.望赐教!!!

加一行：
line-height:30px;

完整代码如下：
<style type="text/css" media="all">
#menu { width:100%; padding:0px; margin:0px; border:0px;}
#menu ul { list-style-type:none;
display:inline;
clear:left;
margin:0px;
padding:0px;
border:0px;
}
#menu li { display:block;
text-align:center;
float:left;
height:30px;
line-height:30px; /*加上此行就可以了。*/
border-right:1px solid #000066;
}
#menu li a{ display:block;
text-decoration:none;
font-size:12px;
}
#menu ul li a { width:50px;}
</style>

<div id="menu">
<ul>
<li><a href="www.3zhixiong.com">首页</a></li>
<li><a href="www.3zhixiong.com/blog.htm">日记</a></li>
<li><a href="www.3zhixiong.com/shoucang.htm">收藏</a></li>
</ul>
</div>

一个垂直居中的问题一个垂直居中的问题按钮上的文本如何垂直居中？单原格的中部居中和‘垂直居中’+左右居中有什么区别？在Excel中怎样实现垂直方向上的居中？ word2000里的‘垂直居中’在哪？找不到啊 word2000里的‘垂直居中’在哪？找不到 word2000里的‘垂直居中’在哪？还找不到 CEdit控件怎样上下垂直居中对齐？不是左右居中对齐的那种。表格内的文字和数据均水平居中和垂直居中,怎么弄啊