Выровнять по ширине одну строчку текста

[hooey_ru]

Нужно сделать так, чтобы слово LIVE вверху или любое другое выравнивалось по ширине блока.

Можно ли это сделать, не задавая жестко letter-spacing?

[Veseloff]

<div>
	<div style="float: right;">E</div>
	<div style="width: 33%; float: left;">L</div>
	<div style="width: 33%; float: left;">I</div>
	<div>V</div>
</div>

Долго не думал - сделал так. Не идеал, но в принципе работает.

[hooey_ru]

Спасибо, но просто надо, чтобы это все автоматически работало для любого количества символов... Если подбирать вручную, то уж проще и через letter-spacing сделать.

[Veseloff]

Для любого количества символов - то же самое + цикл php или javascript

[SelenIT]

Как вариант (изврат, а что делать...):

<p style="text-align:justify">L I V E<span style="display:inline-block; width:100%; height:0; overflow:hidden;"></span></p>

Поддержку FF2 добавить по вкусу (на мой взгляд, она уже неактуальна).

Edited March 27, 2009 by SelenIT

[hooey_ru]

О, так вместо элемента inline-block можно же применить картинку, которая и является строчно-блочным элементом. 200×1 пикселей, прозрачный GIF 1×1.

[SelenIT]

Наверное, подойдет и object, и элемент формы... надо экспериментировать. Но ширина в 100%, имхо, по построению критична.

[rash]

SelenIT, ширина 100% мне кажется, не критична, а чтобы избежать подводных камней при унаследованных отступах или полях я использую ширину 60—90%. Она гарантированно перенесет элемент на новую строку, и оставит запас прочности для непредвиденных ситуаций. Хотя их вероятность невелика, и можно пренебречь, конечно :-)

[SelenIT]

rash, 60% в приведенной задаче явно не хватит — одно 4-буквеное слово, даже разряженное пробелами, наверняка меньше 40% колонки. Я боялся (похоже, зря), что при меньшей ширине последняя буква может невзначай перенестись на новую строку вместе с распоркой. А если оставлять перед распоркой пробел - WebKit'овые не прижимают последнюю букву к правому краю, растягивают этот концевой пробел наравне с прочими...

[rash]

Да, вы правы... Не подумал про такой «хвост».