联创互动 | 湖南建站专家 - 企业网络营销战略伙伴
7×24小时业务咨询热线:13786157601

技术文档

横排列表(li)的左右对齐

时间:2010-10-13 16:22来源:未知 作者:admin 点击:

之前解决的一个小问题,让横排的列表可以左右对齐。相关代码如下:

==================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

原文地址:http://www.cssforest.org/blog/index.php?id=49

(责任编辑:admin)
关键词:css,ul,li左右对齐
------分隔线----------------------------

最新案例

更多>>

客服中心

联创首页 长沙网站建设 虚拟主机 域名注册 客户案例 关于联创 网站地图 联系联创
Copyright © 2007-2010 Leneweb, All Rights Reserved
湖南联创互动2010版 Www.Leneweb.Com 版权所有
关键词:湖南网站建设|网络外包|湖南网站建设案例|整合营销|长沙网站制作|湖南网站制作案例|营销型网站建设|长沙营销型网站建设|湖南营销型网站建设|长沙空间域名