css text-align-last Description détaillée des propriétés: a parfaitement aligné la dernière ligne de texte

Les subtilités déterminent souvent le succès ou l'échec de l'expérience utilisateur. Des détails tels que les ombres de texte et l'espacement des éléments peuvent affecter la vue globale du site Web. L'attribut text-align-last est créé pour cela, il peut contr?ler avec précision l'alignement de la dernière ligne du bloc de texte ou de la ligne précédente de la nouvelle ligne forcée, en particulier lors de l'alignement du texte aux deux extrémités.

Cet article explorera les aspects approfondis des attributs text-align-last, y compris les valeurs disponibles, la prise en charge du navigateur et le comportement spécifique du navigateur.

Utilisation et valeurs disponibles

Utiliser text-align-last Les attributs sont très simples. L'extrait de code suivant est à droite la dernière ligne de texte:

.intro-graph {
  text-align: justify; /* IE 和 Edge 瀏覽器需要 */
  text-align-last: right;
}

La propriété a sept valeurs: left, right, center, justify, start, end, auto,

. Les trois premières valeurs alignent respectivement la dernière ligne de texte gauche, à droite et au centre. justify La valeur

aligne la dernière ligne de texte aux deux extrémités et remplit l'espace de conteneur en ajustant l'espacement des mots. Selon la longueur du texte, cette propriété peut éviter efficacement de grands blancs sur la dernière ligne. start left right La valeur aligne le texte au début de la ligne en fonction de l'orientation du texte (de gauche à droite ou de droite à gauche). Pour les langues de gauche à droite, il est équivalent à end; La valeur est l'inverse et est alignée sur la fin de la ligne en fonction de la direction du texte.

auto est la valeur par défaut, qui aligne la dernière ligne en fonction de la valeur de l'attribut text-align. Si text-align est justify, alors auto équivaut à start.

Précautions

La spécification stipule que l'attribut text-align-last doit être défini sur text-align pour l'attribut justify pour prendre effet. Cependant, seuls les navigateurs IE et Edge suivent cette règle. Cette propriété fonctionne correctement même si les navigateurs Firefox et Chrome ne sont pas définis. text-align: justify L'attribut

affecte la dernière ligne de tous les paragraphes dans l'élément spécifié, plut?t que la dernière ligne absolue du contenu. Si vous souhaitez aligner uniquement la dernière ligne absolue, utilisez le sélecteur text-align-last ou :last-child. :last-of-type

prévoit l'attribut text-align-last à moins que l'attribut text-align spécifie un alignement de première ligne explicite (par exemple, text-align). start end

Prise en charge du navigateur Les propriétés

sont prises en charge dans Chrome et les navigateurs d'opéra (version 35 et plus) en permettant d'activer les fonctionnalités de plate-forme Web expérimentales. En commen?ant par les versions 47 et 34, les navigateurs Chrome et Opera prennent entièrement en charge cette propriété. text-align-last

Le navigateur Firefox nécessite le préfixe -moz-. IE Le navigateur ne prend pas en charge les valeurs start et end, mais le navigateur Edge prend en charge entièrement cette propriété. Le navigateur Safari ne supporte pas du tout cette propriété.

Résumé

text-align-last La propriété bien que tous les navigateurs ne le prennent pas entièrement en charge, son large éventail de scénarios d'application en fait un outil important pour améliorer la composition du texte du site Web. L'utilisation de cet attribut rationnellement peut considérablement améliorer l'esthétique globale et l'expérience utilisateur du site Web.

FAQ sur CSS text-align-last Propriétés

(La partie FAQ du texte d'origine est omise ici car l'article est trop long et ne correspond pas à l'objectif pseudo-original. Le contenu de la partie FAQ peut être complété ou modifié selon les besoins.)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!