Dreamweaver制作的网页无法居中
我制作的第一个网页,忘记在建网页之初就居中了。结果……悲剧了!!!内容都好了,想尽办法无法居中。尝试了网上的几种方法都不能居中。以下方法,在我新建的网页中,都可以居中。就...
我制作的第一个网页,忘记在建网页之初就居中了。结果……悲剧了!!!
内容都好了,想尽办法无法居中。尝试了网上的几种方法都不能居中。
以下方法,在我新建的网页中,都可以居中。就是已经建好的网页上不能用,
是不是我的网页代码和以下方法有冲突?
方法一:
<body>
<div id="box"style="margin:0 auto;">box 只设置div style="margin:0 auto;"
<divid="123">123</div>
<div>456</div>
<div>789</div>
</div>
</body>
不行!
方法二:
新建一个div容器,把要居中的内容包含,如:
<div id="wrap">这里是要包含的页面内容</div>
把下面的代码加到css文件中:
body{margin:0;}
/*重置body元素,因不同浏览器有不同的默认值,在此使之在不同的浏览器中一样*/
#wrap{margin:0 auto;width:980px;height:auto;}
/*margin:0 auto;解决居中;width:980px;height:auto;是对宽和高进行控制,可以设为自己实际的值。*/
还是不行!!
方法三:
div居中可以这么设置
<div id="d1"></div>
#d1{
width:200px;margin:0 auto;
}
就可以,不要使用align
依旧不行!!!
方法四:
在<BODY><center>自己的内容<center></BODY>就可以居中
要适应各种分辨率在设置网页宽度的时候不要使用具体的数值 直接使用百分比,如width="100%"
动了,但是不是我想要的效果。——网页中的文字都居中了。但是网页整体还是没有居中,还在左上角呆着,抓狂了!!!!
方法五:
<body style="text-align:center";>
<div id="box" style="margin:0 auto; width:960px; text-align:left" >box
<div id="123">123</div>
<div>456</div>
<div>789</div>
</div>
</body>
这个在这个新文件中,可以让网页居中。但是到我设计的网页中,就又不能居中了。
以下是我的代码。
<body style="text-align:center";>
<div id="zono_news" style="margin:0 auto; width:960px; text-align:left" >
要哭了!!!!!
需要提供完整的DIV和CSS代码么? 展开
内容都好了,想尽办法无法居中。尝试了网上的几种方法都不能居中。
以下方法,在我新建的网页中,都可以居中。就是已经建好的网页上不能用,
是不是我的网页代码和以下方法有冲突?
方法一:
<body>
<div id="box"style="margin:0 auto;">box 只设置div style="margin:0 auto;"
<divid="123">123</div>
<div>456</div>
<div>789</div>
</div>
</body>
不行!
方法二:
新建一个div容器,把要居中的内容包含,如:
<div id="wrap">这里是要包含的页面内容</div>
把下面的代码加到css文件中:
body{margin:0;}
/*重置body元素,因不同浏览器有不同的默认值,在此使之在不同的浏览器中一样*/
#wrap{margin:0 auto;width:980px;height:auto;}
/*margin:0 auto;解决居中;width:980px;height:auto;是对宽和高进行控制,可以设为自己实际的值。*/
还是不行!!
方法三:
div居中可以这么设置
<div id="d1"></div>
#d1{
width:200px;margin:0 auto;
}
就可以,不要使用align
依旧不行!!!
方法四:
在<BODY><center>自己的内容<center></BODY>就可以居中
要适应各种分辨率在设置网页宽度的时候不要使用具体的数值 直接使用百分比,如width="100%"
动了,但是不是我想要的效果。——网页中的文字都居中了。但是网页整体还是没有居中,还在左上角呆着,抓狂了!!!!
方法五:
<body style="text-align:center";>
<div id="box" style="margin:0 auto; width:960px; text-align:left" >box
<div id="123">123</div>
<div>456</div>
<div>789</div>
</div>
</body>
这个在这个新文件中,可以让网页居中。但是到我设计的网页中,就又不能居中了。
以下是我的代码。
<body style="text-align:center";>
<div id="zono_news" style="margin:0 auto; width:960px; text-align:left" >
要哭了!!!!!
需要提供完整的DIV和CSS代码么? 展开
1个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询