您当前位置：首页 > web前端 > htmlcss > 网页制作：层居中css一则

网页制作：层居中css一则

来源：程序员人生发布时间：2014-01-13 03:13:02 阅读次数：3903次

　　网(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;
}

生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生

------分隔线----------------------------

上一篇 Access数据库技术（25)

下一篇 上海女模徐莹出名的启示:暴露越升级越出名?

分享到:

------分隔线----------------------------

为码而活

积分：4237

15粉丝

7关注

栏目热点