在CSS中,我們可以使用writing-mode
屬性將表格中的文字豎起來(lái),這個(gè)屬性可以指定文本的方向,包括水平、垂直等,下面是一個(gè)簡(jiǎn)單的示例,展示如何將表格中的文字豎起來(lái):
<table> <tr> <td>姓名</td> <td>年齡</td> <td>性別</td> </tr> <tr> <td>張三</td> <td>25</td> <td>男</td> </tr> <tr> <td>李四</td> <td>30</td> <td>女</td> </tr> </table>
table { writing-mode: vertical-rl; /* 垂直書寫模式 */ }
在這個(gè)示例中,writing-mode: vertical-rl;
將表格中的文字設(shè)置為從右到左的垂直書寫模式,你可以根據(jù)需要調(diào)整這個(gè)屬性,以改變文本的方向。writing-mode: vertical-lr;
將文本設(shè)置為從左到右的垂直書寫模式。
這種方法僅適用于支持CSS3的瀏覽器,并且可能在不同瀏覽器中的表現(xiàn)有所不同,在使用之前,***好先測(cè)試一下兼容性。