Maison > interface Web > tutoriel CSS > le corps du texte

Comment faire écrire des mots verticalement en CSS

coldplay.xixi
Libérer: 2023-01-03 09:29:42
original
5125 Les gens l'ont consulté

Comment écrire verticalement en CSS : utilisez [writing-mode] pour définir la direction d'écriture de l'objet. La syntaxe est [writing-mode : lr-tb, tb-rl], où [lr-tb. ] va de gauche à droite, de haut en bas, [tb-rl] de haut en bas, de droite à gauche.

Comment faire écrire des mots verticalement en CSS

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3, ordinateur DELL G3.

Comment écrire verticalement en CSS :

<code><strong>writing-mode</strong>writing-mode

(définir la direction d'écriture de l'objet)


Syntaxe :

writing-mode : lr-tb、tb-rl
Copier après la connexion

Paramètres :
  • lr-tb : De gauche à droite, de haut en bas
  • tb-rl : de haut en bas, de droite à gauche

code css :

div { writing-mode: tb-rl; }
Copier après la connexion

Exemple :

<!DOCTYPE html>    
<html>    
<head>    
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />    
<title>竖列排版实例</title>    
<style>    
div { writing-mode: tb-rl; }  
</style>    
</head>    
<body>   
<div>我是竖列排版</div>   
</body>    
</html>
Copier après la connexion

Rendu :

Comment faire écrire des mots verticalement en CSS

Tutoriels associés recommandés : Tutoriel vidéo CSS

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:
css
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