空格符號代碼 在編寫HTML時,怎樣讓DIV文字居中?
在編寫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)容且沒有設置樣式,所以網(wǎng)頁中顯示空白:
2、這時為div標簽設置原題中的css樣式,此時雖然div盒子顯示了,但是沒有居中:
3、此時為div添加一個“margin: 0 auto”屬性就會居中顯示,“margin”指的是div標簽的外邊距,“0”指的是div標簽上下的外邊距,“auto”指的是div標簽左右的外邊距,并且會根據(jù)瀏覽器窗口大小自動居中,這時就是完整的html和css代碼: