將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元素中的數據綁定

回答

相關問題