如何使用Div ul Li制作CSS表



想象,我有Div容器,其中9个<ul>标签(它们是列),每个<ul>标签内部有5个<li>标签,每个<li>标签内部有一个链接。

我想让它使其纯净的css有点桌子,在该表中,所有<ul>宽度都不需要具有硬宽度集,但是相对于<li>标签中的链接的Lenght而变化和自动伸展,并且与其他<ul>标签有关,因此有些柱子会更宽,如果其中的链接长或短。

你能帮我吗?我试图做到这一点,除了自动拉伸 <ul>标签外,一切都起作用,它们具有固定的宽度:(

嘿,我可以从我需要的东西中为您提供解决方案...

http://jsfiddle.net/ypmtg/4/

我基本上只是漂浮了UL,Li自然托管在UL内部,因此它们可以单独漂浮在那里,如我的小提琴中所示...

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

最新更新