多行制表符 [英] multi-line tabs

问题描述

我正在努力解决HTM1 / Css问题。我正在使用ul和li创建选项卡。选项卡列表是动态的，最多可以扩展到10个选项卡。问题在于列表在100％的宽度上折断并且选项卡重叠。

I am struggling with a HTMl/Css issue. I am creating tabs using ul and li. The list of tabs is dynamic and can extend upto 10 tabs. The problem is that the list breaks on 100% width and the tabs overlap. Is it possible to calculate when the list reaches near to 100% width, so I can create a second set of tabs?

这里是示例的链接。

此处是示例的链接。

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

标签页8,9和10的上部文本被截断。我想避免这种情况

Thanks

谢谢

推荐答案

这怎么办？

实时演示

新CSS：

The new CSS:

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

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

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

It includes hacks necessary to make it work acceptably in IE7. If you don't care about IE7, feel free to remove those three lines.

这篇关于多行制表符的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！