如何使用html将表格置于div中?
我已将内容放在div标签中,并将text-align属性设置为如下所示.
text-align: center;
这没效果.
下面是我的HTML.
<html> <body> <div style="text-align:center"> <p> text test </p> <table border="1"> <tr> <td>100</td> <td>200</td> <td>300</td> </tr> <tr> <td>400</td> <td>500</td> <td>600</td> </tr> </table> </div> </body> </html>
解决方法
给表宽度,并水平设置自动边距.
table { width:500px; margin: 10px auto; }