HTML中Table表格整体居中和Table表格中各行各列内容居中

魔王先生 好文分享 2个月前 158℃ 0
摘要:

HTML中Table表格整体居中和Table表格中各行各列内容居中,方法示例...... ...

HTML中Table表格整体居中和Table表格中各行各列内容居中

HTML中Table表格整体居中和Table表格中各行各列内容居中,方法示例:

<div style="text-align: center;">
<table border="1" style="margin: auto;" width='60%'>
......
</table>
</div>

解释说明:

(1)

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

table外围div中加入样式style="text-align: center;"让表格中内容居中。可以在为了看的清楚可以为table表格设置一个宽度。或是单独的在

<td style="text-align: center;"></td>加入样式都能实现。

(2)

<table border="1" style="margin: auto">

加入style="margin: auto"是让table表格整体在正文居中。

table表格各行各列中内容居中

发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。