前端之路 » css布局 http://www.simcn.com 网站开发, 前端开发, 高性能前端开发 Thu, 03 Nov 2011 02:08:49 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 让ul与li水平居中，常用于页面居中导航 http://www.simcn.com/%e8%ae%a9ul%e4%b8%8eli%e6%b0%b4%e5%b9%b3%e5%b1%85%e4%b8%ad%ef%bc%8c%e5%b8%b8%e7%94%a8%e4%ba%8e%e9%a1%b5%e9%9d%a2%e5%b1%85%e4%b8%ad%e5%af%bc%e8%88%aa http://www.simcn.com/%e8%ae%a9ul%e4%b8%8eli%e6%b0%b4%e5%b9%b3%e5%b1%85%e4%b8%ad%ef%bc%8c%e5%b8%b8%e7%94%a8%e4%ba%8e%e9%a1%b5%e9%9d%a2%e5%b1%85%e4%b8%ad%e5%af%bc%e8%88%aa#comments Tue, 14 Oct 2008 03:53:54 +0000 admin http://www.simcn.com/?p=7 <html xmlns=”http://www.w3.org/1999/xhtml“>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>无标题文档-SH!</title>
<style>
ul,li{
margin:0;
padding:0;
list-style:none;
}
#area{
width:100%;
height:80px;
background-color:#eee;
text-align:center;
overflow:hidden;
}
#area ul{
float:left;
position:relative;
left:50%;
}
#area ul li{
float:left;
margin:10px;
padding:0 10px;
position:relative;
right:50%;
line-height:60px;
border:solid 1px #000;
}
</style>
</head>
<body>
<h1>跨浏览器实现float:center</h1>
<div id=”area”>
<ul >
<li>列表一,我是浮动的</li>
<li>列表二</li>
<li>列表三</li>
<li>这里可能是N</li>
</ul>
</div>
</body>
</html>

]]> http://www.simcn.com/%e8%ae%a9ul%e4%b8%8eli%e6%b0%b4%e5%b9%b3%e5%b1%85%e4%b8%ad%ef%bc%8c%e5%b8%b8%e7%94%a8%e4%ba%8e%e9%a1%b5%e9%9d%a2%e5%b1%85%e4%b8%ad%e5%af%bc%e8%88%aa/feed 0