Jak kontrolować odstępy między wyrazami w wyjustowanym tekście za pomocą CSS?

Mam 2 bloki tekstu, które są dość małe (każdy pod akapitem) i naprawdę wyglądają na bardziej uzasadnione, ale problem polega na tym, że text-align: justify;czasami dodaje naprawdę duże spacje i sprawia, że ​​tekst jest nieco brzydki (oczywiście efekt odwrotny).

Czy możliwe jest bardziej precyzyjne dostrojenie odstępów słów za pomocą CSS, aby tak się nie stało?

TEKST CSS-UZASADNIENIE

Ta właściwość tylko dla IE oferuje udoskonalenie wartości „uzasadnienia” użytej w tej text-alignwłaściwości. Rzeczywiście, wartość „uzasadnienia” musi być ustawiona dla tej właściwości, text-justifyaby mieć jakikolwiek efekt.

text-justify oferuje dokładny poziom kontroli uzasadnienia nad zawartością, pozwalając na zastosowanie szeregu wyrafinowanych modeli uzasadnienia stosowanych w różnych systemach pisania języków.

Przykład

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

Możliwa wartość

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.

Odniesienie do IE mówi „jest to najbardziej wyrafinowana forma uzasadnienia alfabetów łacińskich”.

Źródło: http://www.css3.com/css-text-justify/

Mam nadzieję że to pomoże!

Oprócz używania text-justify, które wydaje się być obecnie obsługiwane tylko przez IE, rozważ dodanie dzielenia wyrazów, z wyraźnymi wskazówkami dzielenia wyrazów ­i / lub automatycznego dzielenia wyrazów w przeglądarce, używania hyphens: autoodpowiednich prefiksów przeglądarki lub używania dzielenia wyrazów opartego na JavaScript, takiego jak Hyphenator.js. Dzielenie wyrazów często znacznie zmniejsza potrzebę dodatkowego odstępu w uzasadnieniu.