|
|
|
横排列表(li)的左右对齐 |
|
|
|
|
|
|
| |
|
作者：壮壮编辑 来源：未知 加入时间：2008-3-26 KOOL8下载 |
之前解决的一个小问题，让横排的列表可以左右对齐。相关代码如下：
==================HTML==========================
<div class="overdiv">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
</ul>
</div>
=================================================
==================CSS==========================
.overdiv{
width:290px;
height:300px;
overflow:hidden;
background-color:#436973;
}
.overdiv ul{
list-style:none;
width:320px;
height:auto;
}
.overdiv li{
float:left;
width:80px;
height:80px;
margin-right:25px;
margin-bottom:5px;
background-color:#83B1DF;
text-align:center;
line-height:80px;
}
=================================================
Demo
|
| |
|
|
