dw中如何让页面居中
2018-12-31
展开全部
三个办法实现页面居中(布局居中)
一:在html代码页面的body标签写一个<center></center>的标签,在里面写内容即可实现居中,如:
接下来使用的两个方法的前提是你的html代码链接上css代码!!!不然没效果
二:text-align: center方法在html代码页面给某一个标签取一个名字,然后在css代码给标签设置属性
css:
效果图:
三:margin: 0 auto 0(auto左右的两个零分别代表着宽度和高度)方法和第二种方法差不多,也是在html代码页面给某一个标签取一个名字,然后在css代码给标签设置属性
注:此方法适用于在整个布局居中,和前两个不同的是使用这个方法要设置宽度和高度,不然用不了!
代码:
html及效果图:
希望能帮到你!
推荐于2017-09-22
展开全部
新建一个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 id="wrap">这里是要包含的页面内容</div>
把下面的代码加到css文件中:
body{margin:0;}
/*重置body元素,因不同浏览器有不同的默认值,在此使之在不同的浏览器中一样*/
#wrap{margin:0 auto;width:980px;height:auto;}
/*margin:0 auto;解决居中;width:980px;height:auto;是对宽和高进行控制,楼主你可以设为自己实际的值。*/
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
在代码视图中选择在<body>中添加居中命令即可,<body align="center">就可以的!
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
把内容放在<center></center>内就行了
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询