Est-il une raison pour éviter d'utiliser text-align: justify;?
Elle réduit la lisibilité ou causer des problèmes?
Réponses
Trop de publicités?
Tout d'abord, ceci est purement liées à la conception du problème et des solutions. La conception de votre grille spécifie si la justification de texte est nécessaire. Je pense que justifier aligner seul n'a pas d'effet majeur sur la facilité d'utilisation. Mauvaise typographie, qui rend le texte illisible est ce qui diminue la facilité d'utilisation. Cela dit, assurez-vous d'avoir de solides contrastes et un bon équilibre de l'espacement dans votre type. Font-size questions trop.
Ce site est une tentative réussie de justification de texte en ligne. Puisque vous ne pouvez pas contrôler les espaces entre les lettres et les mots presque autant avec CSS que vous pouvez avec InDesign, il est beaucoup plus difficile à justifier le texte et de ne pas avoir "cours d'eau" de l'espace, vous lignes, ce qui arrive lorsque les espaces entre les mots dépasse les espaces entre les lignes. Les choses qui rendent la justification de texte difficile: les longs mots, des lignes d'une largeur qui ne contiennent pas assez de mots, et trop de contraste entre le texte et les couleurs de fond; ils font les rivières semble plus large et de plus en plus apparente.
La typographie idéal est d'avoir un même texte-bloc, où si vous plissez les yeux le bloc de texte devient un uniforme solide de l'ombre. Donc, si vous gardez texte à propos de 10px et 60% de gris sur fond blanc, et d'avoir des lignes qui correspondent à environ 20 mots, justifier aligner ne devrait pas moche. Mais gardez à l'esprit ce ne fait rien pour améliorer la facilité d'utilisation. Petit, relativement texte de lumière agace beaucoup de gens, surtout les lecteurs plus âgés.
Je note qu'avec ­ (soft césure) correctement séparant long gênants des mots comme superawesome vous pouvez imiter la bonne typographie (par exemple, InDesign). Il y a beaucoup de choses là-bas pour vous aider à faire cela. Je recommande la logique pour la dissimulation, la manipulation et l'affichage de texte à faire sur le côté client, peut-être avec cette.
Edit: Comme d'autres mentionnent ci-dessous, css traits d'union sont de l'ordre du possible, mais pas tout à fait faisable (pas dans Chrome). De Plus, css4 propose encore plus de contrôle.
dylanfm
Points
4668
text-align: justifier ne doit pas être utilisé dans les navigateurs à l'heure actuelle. Ils ne sont pas bons qu'à s'occuper des moindres détails à l'intérieur et la sortie se termine contenant beaucoup de rivières et il n'y a pas de support pour la césure (autres que les traits d'union).
La Note ci-dessus a été écrit de 4,5 ans. Les choses changent lentement... http://caniuse.com/#feat=css-hyphens
Edit: Hyphenator a été porté à mon attention dans cette réponse, les commentaires. On dirait qu'il fait text-align justifier de dollars à l'aide, découvrez les sites qui l'utilisent. Vous souhaiterez peut-être utiliser javascript pour appliquer text-align justifier avant d'utiliser ce script, de sorte que les personnes sans javascript ne pas se faire attraper.
Edit 2:
CSS permet maintenant de césure avec l' hyphens de la propriété [prise en charge du navigateur]. PPK est en train de dire à l'ajouter à vos feuilles de style, tandis que Eric Meyer, dit - il suffit de l'ajouter pour mobile.
Edit 3: Un bon petit aperçu des choses disponibles pour nous maintenant, avec quelques SASS.
allesklar
Points
4905
Les problèmes soulevés par les autres à propos de justifier l'alignement sont plus fréquents avec des colonnes étroites. Si vos colonnes sont assez larges par rapport à la taille de vos polices et d'autres paramètres, alors c'est ok pour justifier le texte. Disons que vous voulez un minimum de 12 à 15 mots par ligne en moyenne. De plus, c'est mieux.
nickf
Points
185423
Il n'y a pas de raison technique pour ne pas le faire - c'est purement une décision de conception. Beaucoup de gens trouvent que la justification de texte est plus difficile à lire, mais je suppose que cela dépend de votre situation. Cependant, il fonctionne très bien pour l'impression, généralement les navigateurs web ne donnent pas suffisamment de contrôle sur l'éventuelle sortie de texte afin de garantir que ce que vous servez de ne pas ressembler à de la merde sur certains écrans.
Votre meilleure option est d'éviter de justification.
infoxicated
Points
96
Je ne peux pas penser à une raison impérieuse de ne pas justifier le texte à un certain point, le volume et la largeur du contenu de la demande qu'elle soit justifiée. Bien sûr, vous aurez des problèmes avec le contenu constitué de certaines combinaisons de mots, mais à mon avis si vous voyez des rivières et anormalement larges espaces entre les mots, vous avez un autre problème - celui de la lisibilité et de la clarté.
Ce que je voudrais éviter, à tout prix, est centré sur le corps du texte. Je ne pense pas qu'il y est un grand drapeau rouge de ammateurish web design que cela.
