Jquery расширяет<p>-линии с менее чем 85% текста с интервалом между словами и буквами до 100%

Question

Я хочу зациклить

и изменить размер каждого автоматического (!) И
перевода строки меньше чем например. 85%, но больше на 50% только с интервалом между словами и буквами до ширины родительского контейнера 100% - если это не последняя строка перед

.

поэтому, когда у меня есть:

<div width="200px"><p>
This will be displayed in a monospaced font. The first four spaces
will be stripped off, but all other whitespace will preserved.<br />
will be off, but all other whitespace will preserved.<br />
Markdown and HTML are off in code blocks:<br />
This is not italic</i>, [this is not a link](http://example.com)
This is not italic</i>, [this is a link](http://example.com)
End of it.
</p></div>

должно быть:

...<p>
This will be displayed in a monospaced font. The first four spaces
will  be stripped off, but  all other  whitespace  will  preserved.<br />
will   be   off,  but   all   other   whitespace   will  preserved.<br />
Markdown and HTML are off in code blocks:<br />
This  is not italic</i>,  [this is not  a link](http://example.com)
This   is  not  italic</i>,  [this is  a link] (http://example.com)
End of it.
</p>...

Когда я использую выравнивание текста, выравнивание между словами не добавляется, и я хочу "настоящий" выравниваемый текст. Я действительно много искал уже несколько дней, но я не могу найти код, который делает то, что я хочу.

Может быть, кто-то может мне помочь:)

Answer 1

В DOM нет такой вещи, как "линия". Это означает, что вы не можете просто перебрать строки в решении javascript. Может быть, вы можете приблизить количество строк для конкретного шрифта лица, но это не очень хорошее решение. Для "реального" обоснованного текста вы должны использовать text-align: justify;,

Также я предлагаю взглянуть на ответы на этот вопрос: следует ли мне избегать использования "text-align: justify;"?