css怎么让div文字竖着-木庄网络博客

css怎么让div文字竖着

2022-03-20 23:44:39 PHP中文网 JavaScript 878 0 百度已收录

本文摘自PHP中文网，作者藏色散人，侵删。

css让div文字竖着的实现方法：首先创建一个HTML示例文件；然后创建一个div；最后通过设置css样式为“div{writing-mode: tb-rl;} ”即可让div文字竖着。

本文操作环境：Windows7系统、HTML5&&CSS3、Dell G3电脑。

css设置文字竖着排列的方法：

1、writing-mode（设置对象书写方向）

　　语法：writing-mode : lr-tb、tb-rl

　　参数：lr-tb：从左向右，从上往下　tb-rl：从上往下，从右向左

　　示例：

css代码：

1	`div { writing-mode: tb-rl; }`

示例：

<!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>