html 中文字的横坚排列方式！_随笔

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

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

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

示例：div { writing-mode: tb-rl}

2. text-align（设置对象中文本的对齐方式）

语法：text-align : left、right、center、justify

参数：left：左对齐right：右对齐center：居中justify：两端对齐

示例：div { text-align : center}

<!--

　.tnt {Writing-mode:tb-rlText-align:leftfont-size:9pt}

-- >

</style >

或者： <font style="Writing-mode:tb-rlText-align:left" ></font>

3、还有一种竖排的方法，不过呢字体也是倒的了，不是很好。

4、最后一种方法就是图片法了。利用文字处理软件，如word等输入，再截图就可以了。

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<body>标签中，输入html代码：

3、浏览器运行index.html页面，此时成功实现了table表的列竖向排列。

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。

2、在index.html中的<caption>标签中，添加样式代码：style="white-space : nowrap"。

3、浏览器运行index.html页面，此时表格内部表格的标题文字会横着显示。

欢迎分享，转载请注明来源：内存溢出

html 中文字的横坚排列方式！