html - 将 css/style 应用于 span 元素中的数据绑定(bind)

Question

我正在尝试将 css/style 应用于使用数据绑定(bind)(来自 knockout)的 span 元素来获取文本名称(“config.title”)。我的目标是设置在跨度内抓取和填充的字符串/文本名称的最大像素宽度。为什么这行不通？有一个更好的方法吗？注意:我也尝试过使用 style="textOverflow: ellipsis" 也没有用。

<span style="maxWidth: 20px" data-bind="text: config.title"></span> 

Answer 1

使用 display属性(property) <span> .

我做了一段演示，请看:

.myspan {
  display: inline-block;
  max-width: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

<span class="myspan">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam facere, dignissimos! Nam porro suscipit, perspiciatis consectetur dolor explicabo voluptatem? Earum vel explicabo neque perspiciatis, dicta fugit dolorem dignissimos obcaecati quis.</span> 

希望这对您有所帮助!