如何使用DIV UL LI制作CSS表

Question

想象一下，我有DIV容器，其中有9個<ul>標簽（它們是列），每個<ul>標簽內部有5個<li>標簽，每個<li>標簽內部都有一個鏈接。

我想使其成為純CSS類型的表，其中所有<ul>寬度都不需要設置硬寬度，而是相對於<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;
}