div居中

来源:互联网 发布:如何消除双下巴知乎 编辑:程序博客网 时间:2024/04/29 07:39
<!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></title>
</head>
<body style="width:100%">
    <div style="width:80%;border:solid 1px blue;display:table;">
        <div style="width:500px;border:solid 1px Red;margin:0 auto;display:table">
            <ul style="list-style:none;display:table-row;">

                <li style="display:table-cell;text-align:center;">&nbsp;style1&nbsp;

http://wenku.baidu.com/link?url=uyxCFBi2wDgKMTZb-BNzh9cx6VIH2AaAL01dES0Wn3hVizdefxf682734InBdwzDVgNKLQ1agH1k-NLmAOEWxYXuwEbnwLAilznR80vf35e</li>

                <li>|</li>

                <li style="display:table-cell;text-align:center;">&nbsp;style2&nbsp;

http://wenku.baidu.com/link?url=7RqQEukuWLobPMaTxCPaH0JB0Fq9N0HCkv0tLe9fyGKc3VL0wNcBtj1d5EiYKtdTU3nzGWoOiYLoNDuIla7GcSgV_DziLBK4ztz-6aUw3yS</li>

                <li>|</li>
                <li style="display:table-cell;text-align:center;">&nbsp;style3&nbsp;</li>
                <li>|</li>
                <li style="display:table-cell;text-align:center;">&nbsp;style4&nbsp;</li>
                <li>|</li>
                <li style="display:table-cell;text-align:center;">&nbsp;style5&nbsp;</li>
            </ul>
        </div>
    </div>
</body>
</html>

原创粉丝点击