1首先打開Sublime Text軟件，新建一個HTML頁面，如下圖所示 2然后我們在html頁面中加入div標簽，并且在div標簽中加入一些文字，如下圖所示 3接下來我們給div標簽編寫CSS樣式，如下圖所示，這里主要是textalign和line。

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

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

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

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

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

可以用“textalign”屬性控制文字的位置，“center”屬性值讓文字居中顯示1新建html文檔，在body標簽中添加一個div標簽，在div標簽中添加p標簽，這時文字將會在div標簽中靠左顯示2為div標簽設(shè)置“textalign”屬性。

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

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

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

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

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

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

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

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

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