Comment faire écrire des mots verticalement en CSS-tutoriel CSS-php.cn

Comment faire écrire des mots verticalement en CSS

coldplay.xixi

Libérer： 2023-01-03 09:29:42

original

5083 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