html - 如何使用 DIV UL LI 制作 CSS 表格

Question

想象一下，我有 DIV 容器，<ul>里面有 9 个标签（它们是列），每个<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;
}