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

Question

我在 <div>... </div> 里面有 <span>title</span>。

title 正在动态绑定。我的问题是标题文本 未显示全文 因为某些 <div> 标签是使用 Style="Width:150".[= 动态创建的22=]

如果更改 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
    }   
});

如果它不起作用，你能 post 你的整个代码在 webix.ui({ 和 }) 之间吗？

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

How to change div style width for dynamically div tag in html in Javascript?

html

javascript

css

angularjs

webix