li标签中放a标签，⽂字垂直居中
<ul ><li  class="lili">
<a href="Left.aspx?type=214" target="leftFrame" class="imageA"><span >对标系统</span></a>
</li>
<li  class="lili">
<a href="Left.aspx?type=225" target="leftFrame" class="imageA"><span >绩效考核</span></a>
</li>
<li  class="lili">
<a href="Left.aspx?type=235" target="leftFrame" class="imageA"><span >内部数据</span></a>
position标签属性
</li>
<li  class="lili">
<a href="Left.aspx?type=239" target="leftFrame" class="imageA"><span >外部数据</span></a>
</li>
<li  class="lili">
<a href="Left.aspx?type=59" target="leftFrame" class="imageA"><span >系统管理</span></a>
</li>
</ul>
  上⾯这段代码中，想让a标签中的⽂字居中，需要设置li标签的line-height 和height属性；
<style type="text/css">
.imageA
{
background-image:url(../App_Themes/DefaultTheme/images/top_nav.jpg);
background-repeat:no-repeat;
display:block;
width:110px;
height:29px;
text-align:center;
font-size:14px;
color:#900;
font-weight:bold;
}
.lili
{
display:block;
width:110px;
height:29px;
line-height:31px;
float:left
}
</style>
  有时候li 标签⽔平显⽰（style=“float：left”），它的外⾯⼀层的⾼度可能⽐它⾼⼀些。为了让它⾥⾯的a标签的⽂字居中，就需要把它的⾏⾼设置成和它外层的⾏⾼⼀样⾼就可以了！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。