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

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

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

来源

2016-11-14 jcbridwe

使用display财产<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>

希望这有助于！

来源

2016-11-14 15:22:54

完全有效。我想我的问题是，当我需要正确的组合才能正常工作时，我只使用一个或两个CSS属性。特别是，使用'inline block'而不是'block'来显示'overflow：hidden'的显示器似乎就是票。谢谢。 – jcbridwe

注意：我最初编写的'maxWidth'只有在javascript中应用时才起作用。 'max-width'是正确的css属性。 – jcbridwe

@jcbridwe对。这是我的荣幸！ –

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

回答

相关问题