想象,我有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;
}