заставить div заполнить указанную область?

Question

Каков лучший способ заставить 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 имели одинаковую ширину независимо от длины текста.

альтернативный текстhttp://j.imagehost.org/0613/show-case.png

Answer 1

Вы можете столкнуться с проблемами при указании ширины и display = 'inline'. Ширина не будет иметь никакого эффекта. Вам необходимо сохранить режим отображения по умолчанию для элемента div, то есть block. Если вам нужны другие элементы в том же горизонтальном положении, вам также нужно использовать float.

Answer 2

Я бы выбрал свойство CSS width, обращая внимание на проблему блочной модели.Если нет особых требований.

Answer 3

Давать ему атрибут width?

например.

<div style="width: 300px"> 

или ты имеешь в виду что-то еще? В этом случае, пожалуйста, уточните свой вопрос.

Answer 4

<div style="width : x%">

x = числовое значение