带有垂直空格的jQuery jscrollpane：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我会得到不好的结果，正如您在此处看到的那样。 当我删除它时，一切都会按预期进行 。

我无法删除空白：nowrap，因为没有文本溢出：省略号将无法正常工作。 那么，如何使jScrollPane正常工作或使用没有空格：nowrap的text-overflow：省略号？

Answer 1

您可以将元素设置为固定宽度并删除空白：nowrap