1. Accueil
  2. Question et réponse
  3. Comment aligner un texte/pargaphe à gauche et à droite en HTML?

Comment aligner un texte/pargaphe à gauche et à droite en HTML?

2010-02-25 5 views

Répondre

7

text-align: justify; css

mais attention: contrairement à proffesional DTP applications ou même mot, HTML/navigateur souvent ne joue pas bien avec cela - vous risquez d'avoir des lacunes faramineux dans votre texte, détruire complètement toute typogtaphy vous essayez à réaliser dans votre document.

Edit:

En réponse à Brian, mes expériences sont suivantes:

  • ont pas essayé % pour la largeur, parce que je soit largeur placée à px ou pas du tout et laisser display:block; élément remplir toute la largeur du parent
  • text-align: justify fonctionne mieux avec petit font-size avec légèrement supérieur line-height - line-height est pour readb L'espace et la taille des caractères plus petite mettent plus de caractères dans une ligne (caractères abstraits par ligne), donc les écarts entre les mots/texte justifié paraissent mieux
  • concernant des images au lieu de petites parties non changeantes de texte - j'ai tendance à utiliser aussi peu pièces de rechange d'image possible - j'ai de très bons résultats avec Cufón, si vous apprenez à compter avec ses contre
  • Je ne pas de conseils à l'aide du texte justifié pour sidebars et one-liners - il semble surtout laid

Edit2: Le principal problème est que les navigateurs ne savoir comment séparer votre texte (c.-à-d. incassable à incassable) - hyphyen doux, ­ devrait résoudre ce (lien: soft hyphen overview), mais le soutien du navigateur est sauvage au mieux :)

Source

2010-02-25 14:57:44

+1

En ce qui concerne les lacunes ayant faramineux dans le texte, j'ai trouvé que texte- align: justifier; fonctionne mieux lorsque vous avez une taille de police définie et une largeur définie. Si c'est une largeur en pourcentage, cela peut conduire à des résultats très inattendus. De même, si la police n'est pas spécifiée dans une valeur de pixel exacte mais une valeur relative, des résultats inattendus similaires pour différents navigateurs peuvent être rencontrés. Une autre solution s'il n'y a qu'une petite zone de texte qui ne change pas est d'utiliser une image. – Brian

+1

@Brian Ma réponse en réponse, car il touche un peu le sujet. –

+0

@Brian: +1 Et bien sûr, il y a le problème des mots gigantesques qui brisent ce (et même les conteneurs de texte alignés à droite ou à gauche) dans une tourmente. On essaie d'adhérer à la largeur de ligne "alphabet et demi" (c'est-à-dire environ 40 caractères), ce qui est l'objectif pour les imprimés, mais cela peut devenir vraiment moche sur le Web. – Robusto

Questions connexes

 Questions connexes