ul中10个li标签中有a标签，每个标签设置了padding之后，第一个标签宽度有问题 30
代码如下<html><head><styletype="text/css">.page-div{height:500px;padding-top:80px;padding...
代码如下
<html>
<head>
<style type="text/css">
.page-div
{
height: 500px;
padding-top: 80px;
padding-left: 30px;
float: left;
}
.page-div-ul-normal
{
height: 100%;
width: 100%;
}
.page-div-ul-normal li
{
float: left;
}
.page-div-ul-normal li a
{
padding: 80px;
margin: 20px;
background-color: #00FFC8;
line-height:12px;
border: 2px groove #000000;
}
*
{
padding: 0;
margin: 0;
font-family: "Microsoft YaHei";
font-weight: lighter;
}
body
{
background-color: #FAFAFA;
}
li
{
list-style-type: none;
}
a
{
display: block;
text-decoration: none;
}
</style>
</head>
<body>
<div class="page-div" id="page-div">
<ul class="page-div-ul-normal" id="page-div-ul-normal">
<li><a href="javascript:void(0);">1</a></li>
<li><a href="javascript:void(0);">2</a></li>
<li><a href="javascript:void(0);">3</a></li>
<li><a href="javascript:void(0);">4</a></li>
<li><a href="javascript:void(0);">5</a></li>
<br/>
<li><a href="javascript:void(0);">6</a></li>
<li><a href="javascript:void(0);">7</a></li>
<li><a href="javascript:void(0);">8</a></li>
<li><a href="javascript:void(0);">9</a></li>
<li><a href="javascript:void(0);">0</a></li>
</ul>
</div>
</body>
</html>
求教如何改正？QWQ 展开
<html>
<head>
<style type="text/css">
.page-div
{
height: 500px;
padding-top: 80px;
padding-left: 30px;
float: left;
}
.page-div-ul-normal
{
height: 100%;
width: 100%;
}
.page-div-ul-normal li
{
float: left;
}
.page-div-ul-normal li a
{
padding: 80px;
margin: 20px;
background-color: #00FFC8;
line-height:12px;
border: 2px groove #000000;
}
*
{
padding: 0;
margin: 0;
font-family: "Microsoft YaHei";
font-weight: lighter;
}
body
{
background-color: #FAFAFA;
}
li
{
list-style-type: none;
}
a
{
display: block;
text-decoration: none;
}
</style>
</head>
<body>
<div class="page-div" id="page-div">
<ul class="page-div-ul-normal" id="page-div-ul-normal">
<li><a href="javascript:void(0);">1</a></li>
<li><a href="javascript:void(0);">2</a></li>
<li><a href="javascript:void(0);">3</a></li>
<li><a href="javascript:void(0);">4</a></li>
<li><a href="javascript:void(0);">5</a></li>
<br/>
<li><a href="javascript:void(0);">6</a></li>
<li><a href="javascript:void(0);">7</a></li>
<li><a href="javascript:void(0);">8</a></li>
<li><a href="javascript:void(0);">9</a></li>
<li><a href="javascript:void(0);">0</a></li>
</ul>
</div>
</body>
</html>
求教如何改正？QWQ 展开
- 你的回答被采纳后将获得：
- 系统奖励15（财富值+成长值）+难题奖励30（财富值+成长值）+提问者悬赏30（财富值+成长值）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
