1、電腦瀏覽器html編輯器1首先，打開(kāi)html編輯器，新建html文件，例如indexhtml，填充問(wèn)題基礎(chǔ)代碼2在indexhtml中的ltbody標(biāo)簽中，輸入樣式代碼style=quotborder 5px solid blueviolettextalign centerquot3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)ltbody標(biāo)簽的內(nèi)容被上下左右居中了；1新建html文檔，在body標(biāo)簽中添加一個(gè)div標(biāo)簽，在div標(biāo)簽中添加p標(biāo)簽，這時(shí)文字將會(huì)在div標(biāo)簽中靠左顯示2為div標(biāo)簽設(shè)置“textalign”屬性，屬性值為“center”，這時(shí)文本將會(huì)居中顯示3如果想讓文本靠右顯示，可以為“textalign”屬性設(shè)置“right”屬性值，這時(shí)文本將會(huì)靠右顯示；左右居中textaligncenter上下居中l(wèi)ineheight設(shè)成文本框的高度lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot lthtml xmlns=quot lthead ltmeta；2然后我們?cè)趆tml的編輯窗口，編輯元素，使其中顯示若干文字，我是用的div標(biāo)簽進(jìn)行布局顯示的3其在瀏覽器中的顯示效果如下圖所示，我們可以很清晰的看到，文字明顯的靠上靠左對(duì)齊4接下來(lái)我們就需要為文字元素添加一定的對(duì)齊方式，首先我們讓其居中對(duì)齊，即使用textaligncenter5使用之后在瀏。

2、下面介紹關(guān)于html元素水平居中的幾種方式 1對(duì)于行內(nèi)元素采用textaligncenter的方式 2采用margin0 auto來(lái)實(shí)現(xiàn)水平居中顯示 3用table實(shí)現(xiàn) 4塊級(jí)的元素但是通過(guò)轉(zhuǎn)換成行內(nèi)元素來(lái)實(shí)現(xiàn)塊級(jí)元素的水平居中顯示 5父子元素都采用相對(duì)定位，父元素left50%子元素left50%相對(duì)自己的長(zhǎng)度減回；1給網(wǎng)頁(yè)中的ltbody style=“textaligncenter ”ltbody 標(biāo)簽中附加樣式，textaligncenter就可以達(dá)到整個(gè)ltbody標(biāo)簽內(nèi)文字居中的效果2ltbody 標(biāo)簽是控制整個(gè)html文檔，如果不想全部都居中，可以給自己需要的元素加align=“center”的屬性如ltp align=quotcenterquotltp；1打開(kāi)編輯器，新建testhtml，用于學(xué)習(xí)今天的內(nèi)容2接下來(lái)需要在head標(biāo)簽下方引入插件，如下圖所示3在頁(yè)面的body標(biāo)簽里，新建一個(gè)div，名稱(chēng)為test4在body標(biāo)簽下方寫(xiě)上ltscriptltscript，用來(lái)存放js代碼通過(guò)class定位到div，通過(guò)css方法讓文字居中5在瀏覽器中打開(kāi)；讓html表格文字居中居左，有兩種方法第一種方法是表格自身的屬性，如下代碼lttable width=quot100%quot border=quot1quot lttr lttd colspan=quot2quot求職意向lttd lttr lttr lttd width=quot27%quot align=quotcenterquot valign=quotmiddlequot求職類(lèi)型lttd lttd width=quot73%quot align=quotleftquot valign=quotmiddlequot；css效果圖三margin 0 auto 0auto左右的兩個(gè)零分別代表著寬度和高度方法和第二種方法差不多，也是在html代碼頁(yè)面給某一個(gè)標(biāo)簽取一個(gè)名字，然后在css代碼給標(biāo)簽設(shè)置屬性 注此方法適用于在整個(gè)布局居中，和前兩個(gè)不同的是使用這個(gè)方法要設(shè)置寬度和高度，不然用不了代碼html及效果圖。

3、可以用“textalign”屬性控制du文字的位置，“center”屬性值讓文字居中顯示1新建html文檔，在body標(biāo)簽中添加一個(gè)div標(biāo)簽，在div標(biāo)簽中添加p標(biāo)簽，這時(shí)文字將會(huì)在div標(biāo)簽中靠左顯示2為div標(biāo)簽設(shè)置“textalign”屬性，屬性值為“center”，這時(shí)文本將會(huì)居中顯示3想讓文本靠右顯示，可以為“；文本水平居中使用CSS的textalign屬性來(lái)水平居中文本將該屬性應(yīng)用于包含文本的HTML元素，如ltdiv或ltpltstylecentertext textalign centerltstyleltdiv class=quotcentertextquot這是居中的文本ltdiv文本垂直居中垂直居中文本通常需要更多的CSS樣式你可以使用CSS的display flex；1首先打開(kāi)可以編寫(xiě)前端代碼的編輯器，新建一個(gè)testhtml文件，HTML文件是前端頁(yè)面文件，可以在瀏覽器直接打開(kāi)查看效果新建文件后寫(xiě)入基本的代碼，如圖所示2接下來(lái)在body標(biāo)簽里面寫(xiě)入一個(gè)div標(biāo)簽，并在里面寫(xiě)一個(gè)ul標(biāo)簽，ul里面包含四個(gè)li標(biāo)簽，并寫(xiě)上1111，2222，3333，4444的文本同時(shí)，還有寫(xiě)入id；文字外層，放個(gè)div，div加個(gè)樣式，例如1ltdiv class=quottextquot這里是想要居中的文字ltdiv，樣式表里這樣寫(xiě)texttextaligncenter 例如2ltdiv class=quottextquot style=quot textaligncenterquot這里是想要居中的文字ltdiv。

4、3在ltbodyltbody標(biāo)簽中，插入一個(gè)div標(biāo)簽，并添加標(biāo)簽的id屬性4利用ID選擇器在style標(biāo)簽中，設(shè)置div標(biāo)簽的樣式屬性，如寬度高度行高字體屬性等5接著給div標(biāo)簽添加一個(gè)樣式屬性backgroundcolor6再次保存代碼并刷新瀏覽器，可以看到字體在背景顏色塊中間位置，說(shuō)明字體居中顯示；html中間部分用什么標(biāo)簽a標(biāo)簽本身默認(rèn)類(lèi)似css中displayinline，即內(nèi)聯(lián)元素，沒(méi)有回車(chē)符這時(shí)，任何對(duì)a元素的配置，均無(wú)法讓a標(biāo)簽內(nèi)的文字居中對(duì)齊只能影響a標(biāo)簽整體對(duì)齊了解a標(biāo)簽的默認(rèn)狀態(tài)后，就很容易去用css修改它ahref=#測(cè)試a 顯然，這時(shí)候標(biāo)簽內(nèi)容居中了dw里css中文字怎么上下居中。