0

css3 を使用して、これらのリスト (リスト項目 1 から 4 内の順序付けられていないリスト) を並べて取得するにはどうすればよいですか?

これは私が使用しているコードです。いくつかの方法を試してきましたが、コツがつかめないようです

<footer>

    <ul>
        <li>1</li>
            <ul>
                <li>Visie & Beleid</li>
                <li>Opbouw Studieprogramma</li>
                <li>Competenties</li>

            </ul>

        <li>2</li>
            <ul>
                <li>Mededelingen</li>
                <li>Uitagenda</li>
                <li>Propedeuse</li>

            </ul>

        <li>3</li>
            <ul>
                <li>Contact</li>
                <li>Blog</li>
                <li>Docenten</li>
                <li>Onderwijsbureau</li>

            </ul>


    </ul>
</footer>
4

2 に答える 2

0

次のように、並べて並べたいリスト項目の表示プロパティをインラインに設定する必要があります。

ul ul li { display: inline; }
于 2013-03-25T21:35:33.937 に答える
0

「内側」<ul>の s を div に入れてから、s にスタイルを適用し<div>て幅を与え、左にフロートさせてみましたか?

次の jsfiddle のようなもの: http://jsfiddle.net/msturdy/yJ2Kw/4/

<div>a を a の中に入れるのが良い考えかどうかはよくわかりませんが、<ul>ここでは Chrome と Firefox で問題なく動作します。

</li>（編集：ネストされた後のタグの終了を考慮して更新されたリンク<ul>）

于 2013-03-25T21:16:45.407 に答える