您當前位置：首頁 > web前端 > htmlcss > 網頁制作：層居中css一則

網頁制作：層居中css一則

來源：程序員人生發布時間：2014-01-13 03:13:02 閱讀次數：4074次

　　網(LieHuo.Net)教程一個只用CSS就可以設置網頁中居中層的方法。今天重新嘗試的時候居然不好用了。還好以前的頁還有，還能打開。代碼一摸一樣就是不好用。于是乎一段段的刪除，希望能找到點線索。css刪得只剩下這段設置代碼，不好用。javascript中難道做手腳了，接著刪，還是不好用。最后刪沒了終于發現原來是網頁頭是不一樣的。默認用.NET自動生成的就不好用

以下為引用的內容：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >

　　改成如下的過渡型文檔類型就可以用了。所以這一點一定要注意才行。

以下為引用的內容：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

　　下面是居中的層的HTML代碼

以下為引用的內容：
<div id="pagebody"></div>

　　下面是設置居中的CSS

以下為引用的內容：
#pagebody
{
width: 940px;
background: #FFF;
margin: 0 auto;
}

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
程序員人生