jQuery jscrollpane 垂直与空白：nowrap CSS 道具答案

【问题标题】：jQuery jscrollpane vertical with white-space:nowrap CSS propjQuery jscrollpane 垂直与空白：nowrap CSS 道具
【发布时间】：2014-08-15 19:30:07
【问题描述】：

这是我的 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()。如您所见here，使用 white-space:nowrap 我会得到不好的结果。当我删除它时，一切都变成it should be。

我无法删除 white-space:nowrap 因为 text-overflow:ellipsis 没有它就无法工作。那么，如何让 jScrollPane 正常工作或使用 text-overflow:ellipsis without white-space:nowrap？

【问题讨论】：

你能在 JSFiddle 中做一个演示来重现这个问题吗

标签： jquery html jscrollpane css

【解决方案1】：

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

【讨论】：

在这种情况下，文本溢出将无法正常工作。