不定宽度的ul(列表)css水平居中

iteye_15915

于 2009-04-26 23:01:20 发布

阅读量198

点赞数

分类专栏： css 文章标签： CSS Java XHTML HTML

本文链接：https://blog.csdn.net/iteye_15915/article/details/81716910

版权

css 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

<!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>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <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="http://www.codefans.net">[我居中了……]</a>
                </li>
                <li>
                    <a href="http://www.codefans.net">[我居中了……]</a>
                </li>
                <li>
                    <a href="http://www.codefans.net">[我居中了……]</a>
                </li>
                <li>
                    <a href="http://www.codefans.net">[我居中了……]</a>
                </li>
            </ul>
        </div>
    </body>
</html>