странности с text-align: jistify

[USF]

Здравствуйте.

Сегодня на одном проекте решил воспользоваться методом равномерного распределения элементов в резиновом блоке.

Но часы упорства не приводили к результату, хотя, казалось, код написан верно.

http://jsfiddle.net/GbWFt/3/ - как видите два правых блока сомкнулись в 1. Потому что в html их div не разделены пробелом. Если разделить - то все работает как нужно.

Объясните, пожалуйста, что это за беда. Я полагал, что за 1 "слово" в строке считается inline-block элемент, но не знал, что отсутствие пробелов в html коде может объединить их в 1 слово.

Прошу прощения за ошибку в названии темы

Edited August 10, 2012 by USF

[SelenIT]

Inline-block считается за одну букву в слове.

[USF]

Открытие для меня. Воспринимал как "отдельное слово". Могу ошибаться, но на css-live ВРОДЕ давалось именно такая трактовка

[USF]

UPD:

в таком случае интересно, почему при размещении бОльшего количества блоков-"букв" они переносятся на следующую строчку, как при word-wrap: break-word

[SelenIT]

Ну почти как буква . Слова с дефисами большинство браузеров ведь тоже переносит, но не растягивает justify-ем. Здесь аналогично.

Теоретически CSS позволяет растягивать и сами слова, за счет расстояний между буквами. Но работает это, как ни странно, только в IE (с нестандартным значением text-justify:newspaper).

[USF]

хех) век живи - век учись.

в шаблонах генерирующих страницы поставил проблем и заработало.

прям мир перевернулся