Выравнивание текста в блоке по ширине и по левому краю

[bigperson]

День добрый форумчане. Суть вопроса.

Есть блок с текстом, блок резиновый. Задача: если ширина блока меньше определённого количества пикселей, то выравнивать текст по левому краю блока, если же больше — по ширине блока.

Можно ли это реализовать на голом html5 + css3 или, только js

Если с js то желательно примерчик или ссылку на мануал.

Спасибо.

[Helis]

Только скриптами, ясное дело.

<div id="someblock">Sometext sometext sometext</div>

var block = document.getElementById("someblock");
block.style.textAlign = block.offsetWidth < 400 ? "left" : "center";

Надо только иметь в виду, что offsetWidth — это ширина всей видимой области, то есть включает паддинги и границы.

[bigperson]

Спасибо.

Буду очень благодарен за пример на jquery, т.к. на требуемой странице он все равно подключен.

[Helis]

$("#block").css("text-align", $("#block").width() < 400 ? "left" : "justify");

Так, пожалуй.

В предыдущем примере тоже justify, кстати. Попутал я.

И да, здесь width — это именно width, без добавок отступов.

Edited September 11, 2012 by Helis

[wwt]

повесить событие на изменение размера окна браузера и проверять ширину блока при каждом изменении:

$(window).resize(function() {
 $("#someblock").css("text-align", $("#someblock").width() <= 400 ? "left" : "justify");
});

Edited September 11, 2012 by wwt

[Helis]

повесить событие на изменение размера

Кстати, да. Забыл.