如何在Javascript中的html中動態更改div樣式的div樣式寬度？

Question

我在<div>... </div>內有<span>title</span> <div>... </div> 。

標題是動態綁定的。 我的問題是標題文本沒有顯示全文，因為某些<div>標簽是使用Style="Width:150"動態創建的。

如果更改div標簽的屬性width: auto ，則在開發人員工具中使用屬性編輯div后，我的標題文本正確顯示。

如何更改為以下<div style=width:auto"..> ？

template: function (o) {
     return "<div> <span>" + o.Title + "</span> </div>"
}

Answer 1

似乎您正在使用WebIX時，建議您在生成WebIX時更改其寬度。

根據數據視圖的文檔，代碼將如下所示：

webix.ui({
    view:"dataview",
    container:"dataA",
    template: "<div class='webix_strong'>#title#</div> Year: #year#, rank: #rank#",
    data:...,
    datatype:"...",
    xCount:3, //the number of items in a row
    yCount:4, //the number of items in a column
    type:{
        width: 261,
        height: 90
    }   
});

如果您使用的是靜態寬度，請嘗試將width設置為auto這樣看起來就像這樣：

webix.ui({
    view:"dataview",
    container:"dataA",
    template: function (o) {
        return "<div> <span>" + o.Title + "</span> </div>"
    },
    data:...,
    datatype:"...",
    xCount:3, //the number of items in a row
    yCount:4, //the number of items in a column
    type:{
        width: 'auto',
        height: 90
    }   
});

如果不起作用，您可以將整個代碼發布在webix.ui({和})嗎？