有关li的问题

Question

我想要li的宽高自适应，所以给他设置了padding，可是里边的a标签怎么设置大小啊，如果设置一个active类，可是a太小了啊，显示出来太丑了，要怎么设置一下比较好啊？

HTML代码如下：

<div id="page">
    <ul>
    	<li><a href="">第一页</a></li>
    	<li><a href="">上一页</a></li>
    	<li><a href="">1</a></li>
    	<li><a href="">2</a></li>
    	<li ><a href=""class="active">3</a></li>
    	<li><a href="">4</a></li>
    	<li><a href="">...</a></li>
    	<li><a href=""> 下一页</a></li>
    	<li><a href=""> 最后页</a></li>
 </ul>
</div>

CSS如下：

    

#page ul {

margin: 0 auto;

overflow: hidden;

width: 610px;

}

#page ul li {

list-style: none;

float: left;

/*width: 48px;

height: 50px;

line-height: 50px;*/

padding: 15px;

text-align: center;

margin-right: 10px;

background: #FFF;

}

#page ul li a{

text-decoration: none;

color: #000;

}

.active{

background:  #812422;

}

效果图现在是这样了

Answer 1

你可以把背景色给到 li上  或者把 a 的dispaly:inline-block   padding给到a上