Come controllare la spaziatura delle parole in testo giustificato con CSS?


9

Ho 2 blocchi di testo che sono piuttosto piccoli (appena sotto un paragrafo ciascuno) e sembrano davvero meglio giustificati, ma il problema è che a text-align: justify;volte aggiunge spazi molto grandi e rende il testo un po 'brutto (l'effetto opposto, ovviamente).

È possibile ottimizzare con precisione la spaziatura delle parole con i CSS in modo che ciò non accada?

Risposte:


9

CSS TEXT-JUSTIFY

Questa proprietà solo IE offre un perfezionamento del valore "giustificazione" utilizzato nella text-alignproprietà. In effetti, il valore "giustificazione" deve essere impostato affinché quella proprietà text-justifyabbia effetto.

text-justify offre un ottimo livello di controllo della giustificazione sul contenuto allegato, consentendo una varietà di sofisticati modelli di giustificazione utilizzati in diversi sistemi di scrittura linguistica.

Esempio

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

Valori possibili

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.

Il riferimento a IE afferma che "è la forma più sofisticata di giustificazione per gli alfabeti latini".

Fonte: http://www.css3.com/css-text-justify/

Spero che sia di aiuto!


Questo sembra essere supportato da altri browser ora.
mndrix,

3

Oltre all'utilizzo text-justify, che sembra essere attualmente supportato solo da IE, considera l'aggiunta della sillabazione, con suggerimenti di sillabazione espliciti &shy;e / o sillabazione automatica basata su browser, utilizzando hyphens: autocon i prefissi del browser dovuti o usando un sillabatore basato su JavaScript come Hyphenator.js. La sillabazione spesso riduce notevolmente la necessità di una maggiore spaziatura nella giustificazione.


The text-justify property is supported in all of the major browsers., fonte: w3schools.com/cssref/css3_pr_text-justify.asp e Text-Align, w3schools.com/cssref/pr_text_text-align.asp

3
@AbdiasSoftware, la pagina è fasulla - ancora un'altra prova del fatto che w3schools è una schifezza, vedi w3fools.com (La pagina w3schools contiene i pulsanti “PlayIt”, che puoi usare per vedere piuttosto rapidamente che le loro informazioni sono sbagliate.)
Jukka K. Korpela

A volte sono un po 'datati, ma non li definirei falsi :-) Ecco comunque un'altra fonte: reference.sitepoint.com/css/text-align

@AbdiasSoftware, l'altra fonte riguarda un'altra proprietà. Il sito reference.sitepoint.com non menziona text-justifyaffatto. Ma mi dispiace di aver inizialmente scritto text-align-justifyinvece di text-justify(risolto ora). L'ambientazione text-align: justifyè ovviamente implicita qui; il problema è se il tipo di giustificazione può essere controllato.
Jukka K. Korpela,

Bene interessante. Farò qualche ricerca in più. Grazie. Sono le 4 del mattino, il mio giudizio è spento :-)
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.