HTML的div標簽是網(wǎng)頁設計中一個很常用的容器標簽,可以將頁面的不同部分分塊展示,便于整個頁面的設計。在div中放置表格也是很常見的。但是,如何讓表格在div中居中呢?下面是一段簡單的代碼:
<div style="text-align:center;"> <table> <tr> <th>姓名</th> <th>年齡</th> </tr> <tr> <td>張三</td> <td>20</td> </tr> <tr> <td>李四</td> <td>22</td> </tr> </table> </div>上述代碼中,使用了一個div容器來包含表格,利用style屬性將文本的水平對齊方式設置為居中,即text-align:center;。這樣就可以使div容器中的表格居中顯示了。 需要注意的是,代碼中使用了pre標簽來顯示HTML代碼,這樣可以保持代碼被預先格式化,空格、換行和所有格式都將被保留。如果不使用pre標簽的話,代碼在查看和處理時就會更加困難。
上一篇mongo vue論壇
下一篇html 表格設置樣式