网页中居中层css一则

原创|其它|编辑:郝浩|2009-09-23 10:09:30.000|阅读 644 次

概述:一个只用CSS就可以设置网页中居中层的方法。今天重新尝试的时候居然不好用了。还好以前的页还有,还能打开。代码一摸一样就是不好用。

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

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

标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@evget.com

文章转载自:博客园

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP