CSS white-space:pre-wrap — как прибить перенесенную строку вправо?

Question

[LittleMeN]

Доброго времени суток


Блоку <pre></pre> можно выставить замечательное CSS свойство white-space:pre-wrap, только вот мне, для полного счастья, нехватает выравнивания перенесенной части строки по правому борту…


Тоесть у меня получается так:


А надо что бы так:


… второй вариант сделан вручную — перенесенный кусок забран в

<div style='float:right; clear:right;'></div>

.


Вопрос как мне добиться автоматического выравнивания по правому борту перенесенной части строки?


… конечно же хотелось бы с помощью CSS, но я буду доволен если это возможно хотя бы с jQuery…


Откликнувшимся огроменное спасибо!!!

Answer 1

[ttas]

Вот написал jQuery плагин специально для вас: www.filedropper.com/pretar Тестировал в FF3. Так что на кроссбраузерность не претендую. Думаю, его еще нужно будет доработать. Если будут вопросы — обращайтесь.
P. S. Заранее извиняюсь, если хостинг плохой — не знал, куда выложить.

Comments

[ttas]

Все-таки, вот, нашел, куда выложить: ttas.ucoz.com/test.html — все переносится под правую сторону, как и требовалось.

[LittleMeN]

:( в хроме не бегает — пытаюсь переделать…

[ttas]

Странно, у меня GH13.0.782.220 — работает все. Кстати, вот: ttas.ucoz.com/jquery.pre-0.1.mini.js.gz удалось вложиться в 457 байта ради спортивного интереса )

Answer 2

[tick]

пробелы?

Comments

[LittleMeN]

а что с ними?

[tick]

<add input="" matchType="" __________________________________________________________ _____________________ ignoreCase="" negate="">

[LittleMeN]

ок, но вот только исходник в оригинале такой
<add input="" matchType="" ignoreCase="" negate="">
и перенос происходит в зависимости от ширины блока <pre>