Posts Tagged: 水平居中
-
十 14, 2008
No Comments让ul与li水平居中，常用于页面居中导航
<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>...