1.table表格整個(gè)居中

<div style=”text-align: center;”>

<table border=”1″ style=”margin: auto；” width=’60%’>

……

</table>

</div>

我們?cè)趖able外圍div中加入樣式style=”text-align: center;”，會(huì)發(fā)現(xiàn)table表格居中不生效，原因最后說。

所以我們?cè)?<table border=”1″ style=”margin: auto”>加入style=”margin: auto”會(huì)發(fā)現(xiàn)table表格整個(gè)居中。

2.table表格各行各列中內(nèi)容居中

可以在table外圍div中加入樣式style=”text-align: center;”讓表格中內(nèi)容居中。為了看的清楚可以為table表格設(shè)置一個(gè)寬度。

或是單獨(dú)的在<td style=”text-align: center;”></td>加入樣式都能實(shí)現(xiàn)。

總結(jié)

以上是生活随笔為你收集整理的html中table表格里的内容如何居中「建议收藏」(w3cschool)的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。