强制div填充指定区域?

时间:2010-07-15 09:15:19

标签: css dom html

强制DIV填充指定宽度的最佳方法是什么? 我有以下代码生成并为DIV分配宽度:

function createLabel(str) {
        var textDiv = document.createElement('div');
        textDiv.style.width = '200px';
        textDiv.style.display = 'inline';
        textDiv.appendChild(document.createTextNode(str));
        return textDiv;
}

我希望创建的DIV具有相同的宽度,无论文本长度是多少。

alt text http://j.imagehost.org/0613/show-case.png

4 个答案:

答案 0 :(得分:1)

指定宽度和display = 'inline'时可能会遇到问题。宽度不会有任何影响。您需要保留div元素的默认显示模式,即block。如果您需要处于同一水平位置的其他元素,则还需要使用float

答案 1 :(得分:0)

<div style="width : x%">

x =数值

答案 2 :(得分:0)

我会使用CSS width属性,注意盒子模型问题。除非有一些特定的要求。

答案 3 :(得分:0)

赋予width属性?

e.g。

<div style="width: 300px"> 

或者你的意思是其他什么?在这种情况下,请详细说明您的问题。