html - DIV UL LIを使ったCSSテーブルの作り方

Question

DIV コンテナーがあり、<ul>その中に 9 つのタグ (列) があり、各<ul>タグに 5 つの<li>タグがあり、各<li>タグに 1 つのリンクがあるとします。

<ul>すべての幅にハード幅を設定する必要がない、純粋な CSS のようなテーブルにしたいのですが、タグ内のリンクの長さ<li>および他の<ul>タグに関連して変化し、自動ストレッチするため、いくつかの列は次のようになります。それらのリンクが長いか短い場合、一部は短くな​​ります。

それを手伝ってもらえますか？私はそれを作ろうとしていましたが、自動ストレッチ<ul>タグを除いてすべてが機能し、幅が固定されていました:(

Answer 1

ねえ、ここであなたが必要としていることがわかる解決策があります...

http://jsfiddle.net/YPmtG/4/

私は基本的にulを浮かせているだけで、liは自然にulの内部でホストされているので、私のフィドルに示されているように、そこに個別に浮かぶことができます...

ul {
    float:left;
    clear:right;
    padding:5px;
}
li {
    float:left;
    clear:left;
}