动态设置CSS属性

Question

我是d3中的新手，当我尝试动态更改元素css时遇到了一些问题，下面是一些示例代码：

#segment-list .segment div {
  display: inline-block;
  //width:150;        //1
  height: 15px;
  font-size: 12px;
  padding-left:10px;
  padding-right:10px;
}


/////submit a .csv form 
<form>
....
<input style='font-size:15px' type='submit' name='submit' value='Go!' />
</form>
<script>
    $('#segment-list .segment div').css({
                                     'width': '150px' //2.will be a dynamic value, 150px just for example
                                        });
    d3.csv(filename, function(segments) {
        [create column by d3]
    }
</script>

我遇到的问题是，如果我预先设置＆lt; 1＆gt; #segment-list .segment div类中的width属性，当.csv文件上传时，列大小正确加载。如果稍后在脚本＆lt; 2＆gt;中设置，则似乎列大小设置不正确，如下面

并预先设置'width'结果如下： 所以我想知道有没有办法解决这个问题，因为需要动态宽度，是否有办法首先设置该元素属性（或者让它保持在#segment-list .segment div属性中的值，因为该动态仅依赖于表单列号，所以只需要在表单提交时确定一次）然后进行d3渲染？

任何帮助表示赞赏！