小編給大家分享一下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表格標簽內容如何居中顯示”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創新互聯行業資訊頻道！

網頁題目：html中的table表格標簽內容如何居中顯示
文章出自：http://vcdvsql.cn/article26/gjeicg.html

成都網站建設公司_創新互聯，為您提供關鍵詞優化、服務器托管、動態網站、自適應網站、App開發、網站設計

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯