jQuery jscrollpane vertical with white-space :nowrap CSS prop

Question

这是我的 HTML:

<div class="dropdown__list">
  <div class="dropdown__list__w">
    <ul class="dropdown__list__box">
      <li class="dropdown__list__item"><span class="dropdown__list__val">Item text</span></li>
      ...
      <li></li>
    </ul>
  </div>
</div>

和 CSS:

.dropdown__list__item {
  height: 19px;
  line-height: 19px;
  overflow: hidden;
  ..
}
  .dropdown__list__val {
    display: block;
    height: 19px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    ...
  }

我在具有固定高度的 .dropdown__list__w 上使用 .jScrollPane()。使用 white-space:nowrap 我得到了不好的结果，如你所见 here .当我删除它时，一切都变成了 it should be .

我无法删除 white-space:nowrap 因为没有它 text-overflow:ellipsis 将无法工作。那么，我怎样才能使 jScrollPane 正常工作或使用没有 white-space:nowrap 的 text-overflow:ellipsis？

Answer 1

您可以使元素固定宽度并移除空白:nowrap