-2

下にこのメニューがあります。ページの幅の 100% を占め、要素が均等に配置されるようにしたいと考えています。どうやってするの？

<html>
    <head>
        <style type="text/css">
            ul {
                list-style: none;
                padding: 0;
                margin: 0;
                width: 100%;
            }
        li {
            float: left;
            }

        </style>
    </head>
    <body>
        <ul>
            <li>jkflasd</li>
            <li>jkflasd</li>
            <li>jkflasd</li>
            <li>jkflasd</li>
            <li>jkflasd</li>
            <li>jkflasd</li>
            <li>jkflasd</li>
        </ul>
    </body>
</html>
4

2 に答える 2

2

あなたがそこに得たものは完全に機能します。唯一のことは、ULに高さを与えないことです。:

フィドル

于 2013-06-12T13:41:18.403 に答える
0

Li の数がわかっている場合は、次の CSS を簡単に使用できます。

li {
    float: left;
    width: (100/number of li)%;
}

ただし、メニューバーを変更するたびに変更する必要があります。

サラジョグ

于 2013-06-12T13:58:31.703 に答える