css margin:0 auto居中

2024-07-11 08:40:10

字體：大中小

供稿：網(wǎng)友

復(fù)制一下代碼到記事本，修改為html后綴的文件。
代碼

<br /><html xmlns=”http://www.w3.org/1999/xhtml”><br /><head><br /><meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /><br /><title>無標(biāo)題文檔</title><br /></head><br /><body><br /><div style=”height:300px; background:#ccc;”><br /><div style=”width:50px; height:50px; background:#f00; margin:0 auto;”></div><br /></div><br /></body><br /></html><br />
提示：您可以先修改部分代碼再運行
打開頁面發(fā)現(xiàn)小方塊沒有居中！然后我們在DW新建一個默認(rèn)頁面（文檔類型選擇：XHTML 1.0 Transitional），復(fù)制它的頭部申明信息
代碼

<br /><!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”><br /><html xmlns=”http://www.w3.org/1999/xhtml”><br /><head><br /><meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /><br /><title>無標(biāo)題文檔</title><br /></head><br /><body><br /><div style=”height:300px; background:#ccc;”><br /><div style=”width:50px; height:50px; background:#f00; margin:0 auto;”></div><br /></div><br /></body><br /></html><br />
提示：您可以先修改部分代碼再運行

運行即可！雖然很簡單，但是很實用，分享給大家。

軟件開發(fā)網(wǎng)補充:
一般情況下，要不在body中加入樣式
例如:<body class="index">之類的，統(tǒng)一控制
css中加入body{text=aligh:center}才能真正的兼容多瀏覽器的居中顯示

上一篇：網(wǎng)頁制作小技巧 dl dt dd標(biāo)簽用法

下一篇：純css實現(xiàn)的跟隨網(wǎng)頁浮動的層