色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css表格水平垂直居中怎么設(shè)置

丁秀萍1年前5瀏覽0評論
要想在網(wǎng)頁中使用表格進行排版,經(jīng)常需要將表格垂直和水平居中。那么,在CSS中,如何設(shè)置表格居中呢?
首先,需要將表格的外部容器(一般是一個div元素)設(shè)置為相對定位:
<div style="position:relative">
<table>
<tr>
<td>單元格1</td>
<td>單元格2</td>
</tr>
<tr>
<td>單元格3</td>
<td>單元格4</td>
</tr>
</table>
</div>

然后,可以使用絕對定位將表格居中。垂直居中可以設(shè)置上下的位置為50%,水平居中可以設(shè)置左右的位置為50%。但是,這會使表格的左上角位于容器的中心,所以要再配合margin負值來進行微調(diào)。
<div style="position:relative">
<table style="position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:auto">
<tr>
<td>單元格1</td>
<td>單元格2</td>
</tr>
<tr>
<td>單元格3</td>
<td>單元格4</td>
</tr>
</table>
</div>

這樣,就實現(xiàn)了表格的水平和垂直居中。通過設(shè)置不同的寬高和邊框等屬性,可以根據(jù)需要進行樣式的美化。