在CSS中,我們可以使用display: flex
屬性將表格橫向排列,以下是一個(gè)簡(jiǎn)單的示例:
<table> <tr> <td>表格1</td> <td>表格2</td> <td>表格3</td> </tr> <tr> <td>表格4</td> <td>表格5</td> <td>表格6</td> </tr> <tr> <td>表格7</td> <td>表格8</td> <td>表格9</td> </tr> </table>
在上面的HTML代碼中,我們創(chuàng)建了一個(gè)包含9個(gè)表格的表格,我們將使用CSS將其橫向排列:
table { display: flex; justify-content: space-between; }
在上面的CSS代碼中,我們將display
屬性設(shè)置為flex
,這將使表格橫向排列,我們使用justify-content
屬性將表格之間的空間均勻分布。
我們的表格已經(jīng)橫向排列了,您可以根據(jù)需要調(diào)整表格的寬度和高度,以及添加更多的樣式和交互。