将css / style应用于span元素中的数据绑定

Question

我正在尝试将css / style应用于使用数据绑定（来自敲除）的span元素来获取文本名称（“config.title”）。我的目标是设置在跨度内抓取并填充的字符串/文本名称的最大像素宽度。为什么这不起作用？有一个更好的方法吗？注意：我也尝试使用style="textOverflow: ellipsis"，但也无效。

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

Answer 1

将display属性与<span>一起使用。

我已经制作了演示片段，请看一下：

＆＃13;

＆＃13;

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

＆＃13;

<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> 

＆＃13;

＆＃13;

＆＃13;

希望这有帮助！