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

創(chuàng)新互聯(lián)公司堅持“要么做到，要么別承諾”的工作理念，服務領域包括：成都網(wǎng)站設計、成都網(wǎng)站建設、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務，滿足客戶于互聯(lián)網(wǎng)時代的華容網(wǎng)站設計、移動媒體設計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡建設合作伙伴！

首先我們先來看看table表格的內(nèi)容居中的使用：

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

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

通常來說，HTML表格的前后都會出現(xiàn)折行。通過運用align屬性，可實現(xiàn)其他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標簽中設置了居中對齊，說明這個表格在網(wǎng)頁中已經(jīng)居中對齊了，后面又在td標簽中加上了居中的align屬性，把那里面的文本對齊了。

我們來把文本調(diào)到右邊去看看：

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

網(wǎng)頁題目：html中的table表格標簽內(nèi)容如何居中顯示
文章出自：http://chinadenli.net/article26/gjeicg.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供關鍵詞優(yōu)化、服務器托管、動態(tài)網(wǎng)站、自適應網(wǎng)站、App開發(fā)、網(wǎng)站設計

廣告

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