適用場(chǎng)景將不定寬的塊級(jí)元素轉(zhuǎn)換為行內(nèi)元素進(jìn)行居中實(shí)現(xiàn)方式將元素設(shè)置為display inline，然后給其父元素設(shè)置textalign center但此方法會(huì)使元素失去塊級(jí)元素的特性，如設(shè)置寬度和高度等使用相對(duì)定位適用場(chǎng)景元素寬度不固定，且需要更靈活的布局控制實(shí)現(xiàn)方式給父元素設(shè)置position。

三個(gè)辦法實(shí)現(xiàn)頁(yè)面居中布局居中一在html代碼頁(yè)面的body標(biāo)簽寫(xiě)一個(gè)ltcenterltcenter的標(biāo)簽，在里面寫(xiě)內(nèi)容即可實(shí)現(xiàn)居中，如接下來(lái)使用的兩個(gè)方法的前提是你的html代碼鏈接上css代碼不然沒(méi)效果 二textalign center方法在html代碼頁(yè)面給某一個(gè)標(biāo)簽取一個(gè)名字，然后在css代碼給標(biāo)簽設(shè)置屬性。

1單行文本是通過(guò)設(shè)置父元素的 height 和 lineheight 高度一致來(lái)完成的，其中height是指元素的高度， lineheight 是指行間距案例寫(xiě)一個(gè)div我是單行文本，我想垂直居中div 效果如圖2在style中加入CSS樣式 style type=quottextcssquotdiv height 200pxlineheight200pxbackground #3fc。

HTML居中是網(wǎng)頁(yè)設(shè)計(jì)中的常見(jiàn)布局技巧，實(shí)現(xiàn)簡(jiǎn)單，主要通過(guò)CSS屬性調(diào)整元素位置以下是幾種HTML居中的實(shí)現(xiàn)方式一水平居中 1 使用textalign屬性在父級(jí)元素中設(shè)置textalign為center，子元素即水平居中如這樣文本會(huì)居中顯示在父元素中2 利用margin屬性為需要居中的元素添加margin屬性，左右。

html標(biāo)題居中設(shè)置的方法如下1打開(kāi)html編輯器，在文本編輯框中，輸入文本標(biāo)題2在輸入好的標(biāo)題前面加入代碼styletextaligncenter3之后即可成功將網(wǎng)頁(yè)的標(biāo)題設(shè)置為居中位置超文本標(biāo)記語(yǔ)言Hyper Text Markup Language，縮寫(xiě)為HTML，標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用HTML不是一種編程語(yǔ)言。

例如HTML代碼lttablelttrlttd居中的內(nèi)容lttdlttrlttable CSS代碼td textalign centerverticalalign middle 這種方法雖然可以實(shí)現(xiàn)垂直居中，但通常不推薦用于現(xiàn)代網(wǎng)頁(yè)設(shè)計(jì)中，因?yàn)楸砀癫季衷陧憫?yīng)式設(shè)計(jì)和屏幕尺寸變化時(shí)可能會(huì)出現(xiàn)布局問(wèn)題。

使用textalign center適用于行內(nèi)元素或行內(nèi)塊元素在塊狀父元素中的水平居中使用margin 0 auto適用于具有固定寬度的塊狀元素在父元素中的水平居中使用float屬性配合relative定位給父元素設(shè)置float，將父元素整體向右移動(dòng)50%，再將子元素整體向左移動(dòng)50%，實(shí)現(xiàn)水平居中需清除浮動(dòng)使用table布局。