如何让网页在任何电脑任何浏览器中都居中显示
我用dreamweavercs5做了一个网页,但是不居中显示,有什么办法,不要整个加<center>的。。。...
我用dreamweaver cs5做了一个网页,但是不居中显示,有什么办法,不要整个加<center>的。。。
展开
2015-10-30 · 知道合伙人互联网行家
关注
展开全部
水平居中的话一般用 margin: auto 比较好,不过前提是宽度width必须有固定值。
网页居中制作过程:
1.利用Dreamweaver工具实现页面的居中显示:为了能够前后形成对比,我们先来看一下最初网页的显示效果。
2.利用Dreamweaver打开要处理的网页,切换至“代码”查看模式,选中“<Body></body>”标签部分,然后点击“属性”工具栏中的“CSS”按钮。
3.接着点击“居中”按钮,就会发现页面被设置为居中显示。
4.我们也可以利用插入CSS代码来实现页面的居中显示。将以下代码放置在“<head></head>”标签中:
<style type="text/css"><!--body { margin:0 auto;width:780px; '‘'’’这个改成你网页的宽度}--></style>
也可以实现页面居中显示效果。
5.我们事可以在“<body></body>”外面添加<center></center>标签来实现同样的页面居中显示效果。
网页居中制作过程:
1.利用Dreamweaver工具实现页面的居中显示:为了能够前后形成对比,我们先来看一下最初网页的显示效果。
2.利用Dreamweaver打开要处理的网页,切换至“代码”查看模式,选中“<Body></body>”标签部分,然后点击“属性”工具栏中的“CSS”按钮。
3.接着点击“居中”按钮,就会发现页面被设置为居中显示。
4.我们也可以利用插入CSS代码来实现页面的居中显示。将以下代码放置在“<head></head>”标签中:
<style type="text/css"><!--body { margin:0 auto;width:780px; '‘'’’这个改成你网页的宽度}--></style>
也可以实现页面居中显示效果。
5.我们事可以在“<body></body>”外面添加<center></center>标签来实现同样的页面居中显示效果。
展开全部
用一个div标签把body标签里面的东西包起来,将其id设为container,然后设置你的container的css如下:
#container{
position:relative;
width:1000px;(因你的网页的宽度而定)
left:50%;
margin-left:-500px;(1000的一半,是负的哦)
}
#container{
position:relative;
width:1000px;(因你的网页的宽度而定)
left:50%;
margin-left:-500px;(1000的一半,是负的哦)
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
水平居中的话一般用 margin: auto 比较好,不过前提是宽带width必须有固定值
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
在外面放上一个div,div去居中
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询