当前位置:编程学习 > JS >>

未知宽度的CSS水平居中

在不定DIV宽度的情况下,让隶属于DIV的UL、LI列表元素自动水平居中,兼容IE浏览器,不知道在火狐下是什么样子,有朋友用的话可以帮忙测试一下,应该没有问题。
答案:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>不定宽度的CSS水平居中</title>
<style>
ol,ul{list-style:none}        
#cha{ background:#00FFFF; height:50px; }        
#cha ul {   text-align:center;  }        
#cha li{  display:inline; padding:0 8px;}
</style>
</head>
<body>
<div id="cha">
<ul>   
    <li ><a href="/">[我居中了……]</a></li>   
    <li ><a href="/">[我居中了……]</a></li>   
    <li ><a href="/">[我居中了……]</a></li>   
    <li ><a href="/">[我居中了……]</a></li>   
</ul>
</div>
</body>
</html>

上一个:JS+CSS实现的自适应高度
下一个:飘出的广告窗口,可以自动关闭

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,