html中的table表格標簽內容如何居中顯示

小編給大家分享一下html中的table表格標簽內容如何居中顯示，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

　　首先我們先來看看table表格的內容居中的使用：

　　我們先給大家介紹個屬性，它就是align屬性。

　　align 屬性規定表格相對于周圍元素的對齊方式。

　　通常來說，HTML表格的前后都會出現折行。通過運用align屬性，可實現其他HTML元素圍繞表格的效果。

　　在HTML4.01中，不贊成使用body元素的align屬性；在XHTML1.0Strict DTD中，不支持body元素的align屬性。

　　請使用 CSS 代替。

　　CSS 語法：

　　<table style="float:right">

　　table表格中的align屬性居中的語法：

　　<table align="center">

　　這是align屬性的一些常用屬性值：

　　下面我們來看實例：

　　<table border="1" align="center">

　　<tr>

　　<th>Month</th>

　　<th>Savings</th>

　　</tr>

　　<tr>

　　<td>January</td>

　　<td align="center">$100</td>

　　</tr>

　　<tr>

　　<td>February</td>

　　<td>$80</td>

　　</tr>

　　</table>

　　這代碼中很明顯得能看到，我在table標簽中設置了居中對齊，說明這個表格在網頁中已經居中對齊了，后面又在td標簽中加上了居中的align屬性，把那里面的文本對齊了。

　　我們來把文本調到右邊去看看：

　　<table border="1" align="center">

　　<tr>

　　<th>Month</th>

　　<th>Savings</th>

　　</tr>

　　<tr>

　　<td>January</td>

　　<td align="center">200</td>

　　</tr>

　　<tr>

　　<td>February</td>

　　<td align="right">180</td>

　　</tr>

　　</table>

以上是“html中的table表格標簽內容如何居中顯示”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！