Javascript 标题长度不同的引导选项卡具有不同的高度

我使用角度引导选项卡作为

<tabset>
  <tab  ng-repeat="tab in tabs" ui-sref="{{tab.state}}">
    <tab-heading  class="navbar-header" style="cursor:pointer;">
        <div class="col-md-1" style="width: 130px;">
          {{tab.title}}
        </div>
    </tab-heading>
  </tab>
</tabset>
<div class="row-fluid"><div class="ui-view-content" ui-view></div></div>

---

如何确保所选选项卡标题的白色高度一致？

您是否尝试过使用

空白：nowrap

？它基本上强制文本不换行到下一行。非常容易使用。这里有一个例子

CSS:

.nav-tabs li, .nav-tabs a {
    white-space:nowrap;
    overflow: hidden;
}

---

如果上述方法不起作用，无论出于何种原因，请尝试设置一个

最大高度

我相信您无法在css中实现这一点。您必须使用javascript找到具有最大高度的选项卡，并将该高度应用于其余选项卡

这篇文章中的一些内容会对脚本有所帮助-

.nav-tabs li, .nav-tabs a {
    white-space:nowrap;
    overflow: hidden;
}