1首先打開(kāi)Sublime Text軟件，新建一個(gè)HTML頁(yè)面，如下圖所示 2然后我們?cè)趆tml頁(yè)面中加入div標(biāo)簽，并且在div標(biāo)簽中加入一些文字，如下圖所示 3接下來(lái)我們給div標(biāo)簽編寫(xiě)CSS樣式，如下圖所示，這里主要是textalign和line。

文本水平居中使用CSS的textalign屬性來(lái)水平居中文本將該屬性應(yīng)用于包含文本的HTML元素，如ltdiv或ltpltstylecentertext textalign centerltstyleltdiv class=quotcentertextquot這是居中的文本ltdiv。

4編寫(xiě)，用于存儲(chǔ)js代碼導(dǎo)航到divbyclass并通過(guò)css方法使文本居中5在瀏覽器中打開(kāi)testhtml，文本可以顯示在頁(yè)面中間css設(shè)置text居中方法可以使用“textaligncenter”是文本居中1新建html文檔，在body標(biāo)簽。

要放入的文字在css中寫(xiě)入jzwidth=1000pxmargin0autotextaligncenterwidth是設(shè)置一個(gè)寬帶，margin0auto是使該p居中textaligncenter使文字相對(duì)于p居中HTMLCSS怎么移動(dòng)字體位置首先可以用個(gè)容器來(lái)包住。

6在css標(biāo)簽中，使用margin屬性設(shè)置div的外邊距，并將兩側(cè)的外邊距設(shè)置為auto，從而達(dá)到div居中的效果7在瀏覽器中打開(kāi)testhtml文件以查看效果怎么讓p標(biāo)簽里的文字居中1 首先第一步就是打開(kāi)p，然后進(jìn)入主界面。

首先我們對(duì)body設(shè)置textaligncenter，再對(duì)需要居中的div盒子設(shè)置css樣式margin0auto，這樣即可讓對(duì)應(yīng)div水平居中div居中代碼應(yīng)用，為了觀察div居中效果，我們對(duì)div設(shè)置一個(gè)div命名為“div”在html中div標(biāo)簽內(nèi)使用class=“。

可以用“textalign”屬性控制文字的位置，“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”屬性。

設(shè)置浮動(dòng)首先，先給一個(gè)大的div作為父容器給他設(shè)置好寬，高父容器設(shè)置為positionrelative 子容器想要居中的容器，設(shè)置positionabsolute在設(shè)置margintop，marginright等等，如果想要絕對(duì)居中，可設(shè)置如下CSS樣式。

div居中可以用外邊距margin屬性來(lái)實(shí)現(xiàn)1新建html文檔，在body標(biāo)簽中添加div標(biāo)簽，標(biāo)簽的id為“header”，這時(shí)因?yàn)閐iv標(biāo)簽中沒(méi)有內(nèi)容且沒(méi)有設(shè)置樣式，所以網(wǎng)頁(yè)中顯示空白2這時(shí)為div標(biāo)簽設(shè)置原題中的css樣式，此時(shí)雖然div。

屬性，屬性值為“center”，這時(shí)文字將會(huì)在div容器中水平居中3這時(shí)給div標(biāo)簽添加行高“l(fā)ingheight”屬性，屬性值為高度的值“100px”，再添加“verticalalign”屬性，屬性值為“middle”，這時(shí)文字將會(huì)水平垂直都居中。

文字外層，放個(gè)div，div加個(gè)樣式，例如1ltdiv class=quottextquot這里是想要居中的文字ltdiv，樣式表里這樣寫(xiě)texttextaligncenter 例如2ltdiv class=quottextquot style=quot textaligncenterquot這里是想要居中的文字。

2寫(xiě)一個(gè)div出來(lái)，同時(shí)在內(nèi)部加上一些文字，使用css增加屬性，使得div的區(qū)域看得清楚3接下來(lái)就使用textalign的center屬性將文字橫向居中，同時(shí)設(shè)置行高，使這行文字實(shí)際占用的高度和div高度相同，就產(chǎn)生了居中效果4。

制作網(wǎng)頁(yè)的時(shí)候，為了使頁(yè)面更加美觀，前端工程師一般會(huì)把文字水平垂直居中，那么怎樣讓html中的文字垂直水平居中顯示呢如圖，先在HTML編輯器里面寫(xiě)上一些基礎(chǔ)代碼，這里我就不多說(shuō)了接著在body標(biāo)簽里面添加一個(gè)div標(biāo)簽。

內(nèi)容是標(biāo)簽還是文字，文字的話(huà)直接給div設(shè)置textalign center標(biāo)簽的話(huà)居中需要知道寬度，然后設(shè)置margin 0 auto行內(nèi)元素不能設(shè)置寬度需要加個(gè)displayinlineblock轉(zhuǎn)成行內(nèi)塊。

第一個(gè)標(biāo)簽將包括標(biāo)簽括號(hào)內(nèi)lt的字母和符號(hào)第二個(gè)標(biāo)簽將包括一個(gè)反斜線，并位于標(biāo)簽之前例如，在加粗的文本開(kāi)頭的括號(hào)內(nèi)插入“b”，并在文本結(jié)尾的括號(hào)內(nèi)插入“b”2找出在網(wǎng)頁(yè)中想要居中的文本3在文本。

3然后，我們給div加上深粉色的背景顏色，這樣是方便我們可以直觀的看到div的布局4然后預(yù)覽div布局的預(yù)覽效果，看得出來(lái)，div默認(rèn)是靠近瀏覽器左邊的，距離右邊很遠(yuǎn)，這樣就不是居中對(duì)齊5接著我們給div設(shè)置margin。