网页中居中层css一则


一个只用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;
}


« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3