在CSS中,可以使用margin: auto;
來水平居中表格,給表格設(shè)置一個(gè)寬度,然后給左右margin都設(shè)置為auto,這樣表格就會(huì)水平居中。
table { width: 500px; /* 表格寬度 */ margin: auto; /* 左右margin自動(dòng)調(diào)整 */ }
也可以使用transform: translateX(-50%);
來水平居中表格,這種方法需要給表格的父元素設(shè)置一個(gè)寬度,并將表格的transform
屬性設(shè)置為translateX(-50%)
,這樣表格就會(huì)水平居中。
table { position: absolute; /* ***定位 */ top: 50%; /* 垂直居中 */ left: 50%; /* 水平居中 */ transform: translateX(-50%); /* 水平和垂直居中 */ }
兩種方法都可以實(shí)現(xiàn)表格的水平居中,可以根據(jù)具體需求選擇使用哪種方法。
版權(quán)聲明:除非特別標(biāo)注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時(shí)請(qǐng)以鏈接形式注明文章出處。