Див фиксированного размера

[jewel]

Как сделать див строго фиксированно размера, что б при любом количесве текста - его ширина была одинакокой.

типа

<div style="width:300px">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

aaaaa</div>

вот в нем ширина будет растягиваться если в тексте нету пробелов. как правильно описань параметры дива для этой цели?

Edited January 26, 2009 by jewel

[Victor Ananiev]

добавить overflow:hidden;

[jewel]

добавить overflow:hidden;

тогда кусок текст просто не отображается. а надо чт б с новой строки он продолжался

[Victor Ananiev]

тогда пробелы добавить...

[jewel]

тогда пробелы добавить...

это не выход, надо писать скрипт что б парсил строку, добавлял если что пробелы.. разве нету в хтмл нормального решения?

[Victor Ananiev]

нету) а скрипт легко пишется)

[jewel]

нету) а скрипт легко пишется)

не факт. ну не то что б сложно, но геморно. и неправильно както это.

[Victor Ananiev]

хм... а что это за див? если какой то блок с сообщением, то тогда можно расчитывать на голову пользователей) если все таки доверия мало, то лучше вообще писать скрипт-ограничитель по словам)

[rash]

CSS3:

word-wrap: break-word;

Но работает далеко не везде.

[Vlad]

С white-space надо поиграть.

[rash]

А если можно сделать "грязно" (то есть невалидно) — то можно и <wbr> вставить в те места, где строка может переноситься. Работает, насколько мне известно, везде, и в отличие от ­ не ставит знак переноса, если он вам действительно не нужен.

[Amigos]

На JS должно быть тоже просто

while(SomeText.length > 0){

TextRange += (SomeText.substring(0, Range)) + Wrapper;

SomeText = SomeText.substring(Range);

}

Где:

var Wrapper = "<br />"; //кол-во символов выбираемых в одну строчку

var TextRange = ""; //новая измененная текстовая область

var SomeText = //передаешь весь текст который лежит в диве.

Далее засовываешь содержимое переменной TextRange в твой див по новой, вот и все.

Правильность не проверял пишу из головы. но смысл примерно таков.

Пример таким же образом реализована подсказка на maps.yandex в пункте меню карты "Ссылка на это место"