6

最初に、リスト アイテムをインラインで表示しようとしているわけではないことを明確にします。cssを使用してそれを行うことができることを知っています:

li { display: inline; }.

私がやろうとしているのは、相対位置を使用して2つのulを隣り合わせに配置することですが、相対位置がなくても機能するはずです。
私はもう試した

ul { display: inline; }

しかし、うまくいきません。それらは同じ行には表示されません。div、li など、インラインで表示しようとした他のすべてのブロック要素が正常に機能するため、面白いです。要素の幅が互いに隣り合って収まるようにし、インラインで表示される div の内側に ul を配置することで、多くの実験を行いました。私の質問は、ul はインラインで表示できないタグですか?

PS 不可能な場合は、それらを並べるために絶対位置を使用する可能性があります。フロートも使用できますが、Web ページのレイアウトではフロートがうまく機能しません。

4

1 に答える 1

9

を使用しinline-blockます。フィドルを見る

ul { display: inline-block; }

PS私は@jmeasのコメントからフィドルを使用しましたが、あなたがsを続けたいと思ったと仮定display: blockしましたli

于 2012-12-15T21:30:17.303 に答える