Как контролировать расстояние между словами в выровненном тексте с помощью CSS?

У меня есть 2 небольших блока текста (чуть меньше абзаца), и они действительно выглядят более оправданными, но проблема в том, что text-align: justify;иногда они добавляют действительно большие пробелы и делают текст несколько уродливым (очевидно, обратный эффект).

Можно ли более точно настроить расстояние между словами с помощью CSS, чтобы этого не произошло?

CSS TEXT-JUSTIFY

Это свойство только для IE предлагает уточнение значения «justify», используемого в text-alignсвойстве. Действительно, значение «justify» должно быть установлено для этого свойства, text-justifyчтобы иметь какой-либо эффект.

text-justify предлагает прекрасный уровень контроля обоснования для вложенного контента, позволяя использовать разнообразные сложные модели выравнивания, используемые в системах письменности на разных языках.

пример

<p style="text-align: justify; text-justify: newspaper;">
    This is “Newspaper” justified content
</p>

Возможные значения

VALUE                   DESCRIPTION
----------------------  ---------------------------------------------------------------------
auto                    The browser will determine the appropriate justification algorithm
                        to use

distribute              Justification is handled similarly to the “newspaper” value,
                        but this version is optimized for East Asian content
                        (especially the Thai language.)
                        In this justification method, the last line is not justified.

distribute-all-lines    Behavior and intent for this value is the same as with the
                        “distribute” value, but the last line is also justified.

inter-cluster           Justifies content that does not have any inter-word spacing
                        (such as with many East Asian languages.)

inter-ideograph         Used for justifying blocks of ideographic content.
                        Justification is achieved by increasing or decreasing spacing
                        between ideographic characters and words as well.

inter-word              Justification is achieved by increasing the spacing between words.
                        It is the quickest method of justification and does not justify
                        the last line of a content block.

newspaper               Spacing between letters and words are increased or decreased
                        as necessary.

Ссылка в IE гласит: «Это самая сложная форма оправдания для латинских алфавитов».

Источник: http://www.css3.com/css-text-justify/

Надеюсь это поможет!

В дополнение к использованию text-justify, которое в настоящее время поддерживается только в IE, рассмотрите возможность добавления переносов с явными подсказками переносов ­и / или автоматических переносов на основе браузера, использования hyphens: autoс должными префиксами браузера или использования переносчика на основе JavaScript, такого как Hyphenator.js. Перенос слов часто значительно уменьшает потребность в дополнительном интервале при выравнивании.