html - 多行制表符

我正在努力解决HTM1 / Css问题。我正在使用ul和li创建选项卡。选项卡列表是动态的，最多可以扩展到10个选项卡。问题在于列表在100％的宽度上折断并且选项卡重叠。是否可以计算列表何时达到接近100％的宽度，以便我可以创建第二组选项卡？

这是一个示例的链接。

http://jsfiddle.net/syEJx/5/。

选项卡8,9和10的上部文本被切除。我想避免那个

谢谢

最佳答案

这个怎么样？

Live Demo



新的CSS：

.tabs li
{
    display: inline-block;
    margin: 0 0 15px 0;

    /* ie7 hacks */
    zoom:1;
    *display: inline;
    _height: 20px
}

它包含一些必要的技巧，以使其在IE7中可以正常工作。如果您不关心IE7，请随时删除这三行。

关于html - 多行制表符，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/5083177/