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

Comment utiliser l'attribut text-justify CSS3

青灯夜游original: 2019-02-11 16:18:003252parcourir

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.

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;

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>

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!

Déclaration：

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

Article précédent：Comment utiliser l'attribut text-outlineArticle suivant：Comment utiliser l'attribut text-outline

Comment utiliser l'attribut text-justify CSS3

Articles Liés