Maison > interface Web > tutoriel CSS > Comment utiliser l'attribut text-justify CSS3

Comment utiliser l'attribut text-justify CSS3

青灯夜游
Libérer: 2019-05-27 17:30:34
original
3309 Les gens l'ont consulté

L'attribut text-justify est utilisé pour spécifier la méthode d'alignement lorsque l'attribut d'alignement du texte text-align est défini sur "justify" ; cet attribut spécifie comment aligner et séparer les lignes de texte.

Comment utiliser l'attribut text-justify CSS3

Attribut text-justify CSS3

L'attribut text-justify spécifie que l'alignement du texte est défini pour « justifier » la justification, en spécifiant comment le texte doit être aligné et espacé.

Syntaxe :

text-justify: auto|inter-word|inter-ideograph|inter-cluster|distribute|kashida|trim;
Copier après la connexion

Paramètres :

auto : Le navigateur détermine l'algorithme parallèle.

aucun : désactivez toutes les lignes.

Internet : Augmenter/réduire l'intervalle entre les mots. Alignez le texte en ajustant l'espacement entre les mots, créant ainsi un espacement supplémentaire des mots. Il s'agit en fait d'une variante de l'attribut d'espacement des mots.

inter-idéogramme : utilisez du texte idéographique pour aligner le contenu.

inter-cluster : alignez uniquement le contenu qui ne contient pas de lacunes de mots internes (comme les langues asiatiques).

distribuer : similaire à une mise en page de journal, sauf que la dernière ligne n'est pas alignée dans les langues d'Asie de l'Est.

kashida : Alignez le contenu en étirant les caractères.

Remarque : Seul Internet Explorer prend en charge l'attribut text-justify.

Exemple d'utilisation de l'attribut CSS3 text-justify

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
div
{
text-align:justify;
text-justify:inter-word;
}
</style>
</head>
<body>
<h1>CSS text-justify 实例</h1>
<div>php中文网</div>
<p><b>提示:</b>请调整浏览器窗口的大小,来查看齐行效果。</p>
</body>
Copier après la connexion
Rendu :


Comment utiliser lattribut text-justify CSS3

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal