在編寫HTML時，怎樣讓DIV文字居中？div居中可以用外邊距margin屬性來實現(xiàn)。1、新建html文檔，在body標簽中添加div標簽，標簽的id為“header”，這時因為div標簽中沒有內(nèi)容且

在編寫HTML時，怎樣讓DIV文字居中？

div居中可以用外邊距margin屬性來實現(xiàn)。

1、新建html文檔，在body標簽中添加div標簽，標簽的id為“header”，這時因為div標簽中沒有內(nèi)容且沒有設(shè)置樣式，所以網(wǎng)頁中顯示空白：

2、這時為div標簽設(shè)置原題中的css樣式，此時雖然div盒子顯示了，但是沒有居中：

3、此時為div添加一個“margin: 0 auto”屬性就會居中顯示，“margin”指的是div標簽的外邊距，“0”指的是div標簽上下的外邊距，“auto”指的是div標簽左右的外邊距，并且會根據(jù)瀏覽器窗口大小自動居中，這時就是完整的html和css代碼：

html怎么讓文字居中？

可以用“text-align”屬性控制文字的位置，“center”屬性值讓文字居中顯示。

1、新建html文檔，在body標簽中添加一個div標簽，在div標簽中添加p標簽，這時文字將會在div標簽中靠左顯示：

https://iknow-pic.cdn.bcebos.com/80cb39dbb6fd5266613c1440a518972bd407364a

2、為div標簽設(shè)置“text-align”屬性，屬性值為“center”，這時文本將會居中顯示：

https://iknow-pic.cdn.bcebos.com/94cad1c8a786c917ef127a6dc73d70cf3bc75754

3、如果想讓文本靠右顯示，可以為“text-align”屬性設(shè)置“right”屬性值，這時文本將會靠右顯示：

https://iknow-pic.cdn.bcebos.com/7af40ad162d9f2d3ac1d0cbba7ec8a136327cc52

html如何讓文字居中顯示？

1、在html編輯器中，新建一個html文件，例如：index.html。

2、在index.html中的body標簽中，填入html代碼：<divstyle="position:absolutetop:50%left:50%height:10%width:30%margin:-5