我正在玩
jquery选项卡试图以我认为合适的方式设置它们.我试图缩小标签并增加一个高度:45px;到UI样式表,如下所示.
.ui-tabs-vertical .ui-tabs-nav li { clear: left; height:45px; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
然而,不是缩小所有标签,而是保持一个(最后一个)不变.在这里可以看到标签为Trash JS-FIDDLE demo的标签.我想了解发生了什么以及如何解决它.此外,任何其他编码技巧将不胜感激.
解决方法
li内的锚标签高于li.如果限制高度,它可以工作.
.ui-tabs-vertical .ui-tabs-nav li a { height: 30px; }
我刚注意到Chrome开发人员工具的标签是重叠的.只有最后一个没有重叠,因此看起来比其他人高.