Html如何設(shè)置元素水平居中？

HTM是Hyper Text Mark-up Language的縮寫，即超文本標(biāo)記語言（標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用），是WWW的描述語言。HTML元素是構(gòu)建網(wǎng)站的基石。HTML允許嵌入圖像與對象，并且可以用于創(chuàng)建交互式表單，它被用來結(jié)構(gòu)化信息——例如標(biāo)題、段落和列表等等。

本篇介紹HTML中如何設(shè)置水平居中。

1、第一種定寬塊狀元素水平居中。設(shè)置“左右margin”值為“auto”來實(shí)現(xiàn)居中。代碼如圖。

2、瀏覽器查看結(jié)果如圖所示。

3、第二種不定寬元素。設(shè)置的居中的元素外面加入一個(gè) table 標(biāo)簽 。為這個(gè) table 設(shè)置左右 margin 居中。代碼如圖。

4、結(jié)果顯示如圖所示。

5、第三種不定寬塊狀元，改變塊級元素的 display 為 inline 類型，然后使用 text-align:center 來實(shí)現(xiàn)居中。代碼如圖。

6、打開瀏覽器顯示結(jié)果如圖所示。