div居中對(duì)齊的css代碼,居中對(duì)齊html代碼

建站教程 2023-03-23編輯：深圳網(wǎng)站建設(shè)閱讀（） 居中對(duì)齊

div居中對(duì)齊的css代碼
如何使用CSS讓DIV居中對(duì)齊顯示，讓div水平居中有以下CSS代碼：
需要的主要css代碼有兩個(gè)，一個(gè)為text-align:center（內(nèi)容居中），另外一個(gè)為margin:0 auto；其兩個(gè)樣式需要配合使用才能實(shí)現(xiàn)div盒子的居中顯示排版。

層對(duì)齊用margin:0 auto
<div style=" margin:0 auto;"></div>
文字對(duì)齊用text-align:center
<div style="text-align:center;"></div>

<div style=" margin:0 auto;"></div>
<div style="text-align:center;"></div>

我們對(duì)body設(shè)置text-align:center，再對(duì)需要居中的div盒子設(shè)置css樣式margin:0 auto，這樣即可讓對(duì)應(yīng)div居中對(duì)齊。

• 上一章：百度分享代碼,百度分享代碼安裝 (新測(cè)可...
• 下一章：網(wǎng)頁制作軟件有哪些?現(xiàn)在做網(wǎng)頁用什么軟...