如何在Javascript中的html中为动态div标签更改div样式宽度？

Question

<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.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({和})之间发布整个代码吗？