html中把表格居中的方法

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

目前成都創(chuàng)新互聯(lián)已為上千家的企業(yè)提供了網(wǎng)站建設(shè)、域名、雅安服務(wù)器托管、網(wǎng)站改版維護、企業(yè)網(wǎng)站設(shè)計、桐鄉(xiāng)網(wǎng)站維護等服務(wù)，公司將堅持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

html中把表格居中的方法：首先創(chuàng)建一個HTML示例文件；然后使用table標(biāo)簽創(chuàng)建一個兩行兩列的表格；接著給table標(biāo)簽添加一個class屬性；最后將margin屬性設(shè)置為“0 auto”即可。

本文操作環(huán)境：windows7系統(tǒng)、HTML5&&CSS3版、Dell G3電腦。

html怎么讓表格在頁面居中

新建一個html文件，命名為test.html，用于講解html怎么讓表格在頁面居中。

在test.html文件內(nèi),使用table標(biāo)簽創(chuàng)建一個兩行兩列的表格，用于測試。

在test.html文件內(nèi),給table標(biāo)簽添加一個class屬性，用于下面設(shè)置css樣式。

在css標(biāo)簽內(nèi)，通過class設(shè)置table表格的樣式，定義table表格的寬度為100px，高度為100px。

在css標(biāo)簽內(nèi)，再將margin屬性設(shè)置為0 auto，從而實現(xiàn)表格居中顯示。

在瀏覽器打開test.html文件，查看實現(xiàn)的效果。

以上是“html中把表格居中的方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

新聞名稱：html中把表格居中的方法
轉(zhuǎn)載來源：http://m.jiaotiyi.com/article/gjdddi.html