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

css表套表如何居中

田春又1年前5瀏覽0評論
使用CSS表套表如何居中?
在制作網(wǎng)頁的過程中,我們經(jīng)常會用到CSS表格來排列內(nèi)容。但是很多人遇到的問題就是:如何讓CSS表格居中呢?
其實這個問題的解決方法非常簡單,讓我們來一步步探討。
首先,我們需要在HTML文件里創(chuàng)建一個table標(biāo)簽,如下所示:
<table>
<tr>
<th>表頭1</th>
<th>表頭2</th>
</tr>
<tr>
<td>單元格1-1</td>
<td>單元格1-2</td>
</tr>
<tr>
<td>單元格2-1</td>
<td>單元格2-2</td>
</tr>
</table>

接著,我們給table標(biāo)簽添加一個CSS樣式,如下所示:
<style>
table {
margin: 0 auto;
}
</style>

這樣就可以讓CSS表格居中顯示了。
這里講一下margin: 0 auto;這個屬性,其中margin表示外邊距,0表示上下外邊距為0,auto表示左右外邊距自動調(diào)整(即居中)。
值得一提的是,上述方法只適用于CSS表格本身的居中,如果想要讓表格里的內(nèi)容也居中,需要再增加一個CSS屬性,如下所示:
<style>
table {
margin: 0 auto;
text-align: center;
}
td, th {
text-align: center;
}
</style>

這樣不僅可以讓CSS表格本身居中,還可以讓表格內(nèi)的內(nèi)容也居中顯示。
總之,使用CSS表格居中非常簡單,只需要加上一行CSS樣式即可。希望這篇文章對大家有所幫助。