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因为文本溢出：如果没有它，省略号将无效。那么，我怎样才能使jScrollPane正常工作或使用文本溢出：没有空格的省略号：nowrap？

Answer 1

您可以使元素固定宽度并删除white-space：nowrap

jQuery jscrollpane垂直与white-space：nowrap CSS prop

1 个答案: