1.table表格整個居中

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

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

……

</table>

</div>

我們在table外圍div中加入樣式style=”text-align: center;”，會發現table表格居中不生效，原因最后說。

所以我們在 <table border=”1″ style=”margin: auto”>加入style=”margin: auto”會發現table表格整個居中。

2.table表格各行各列中內容居中

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

或是單獨的在<td style=”text-align: center;”></td>加入樣式都能實現。

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。