在DW中如何在CSS里实现页面居中？
15个回答
展开全部
1.如果要使页面水平剧中可以为body设置：
margin-left:auto;
margin-right:auto;
2.如果要让页面整体无论纵横都显示在屏幕中央可以为body设置：
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<style>
.div{ width:100;height:100px;background:#9CF;margin:0 auto;}
<style/>
<body>
<div class=''div''>
DIV居中
<div/>
<body/>
为了观察效果设置了宽度100px，高度100px，背景颜色，（同时设置外边距margin：0 auto，表示上下边界为0，左右则根据宽度自适应相同值（即居中））
.div{ width:100;height:100px;background:#9CF;margin:0 auto;}
<style/>
<body>
<div class=''div''>
DIV居中
<div/>
<body/>
为了观察效果设置了宽度100px，高度100px，背景颜色，（同时设置外边距margin：0 auto，表示上下边界为0，左右则根据宽度自适应相同值（即居中））
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
没明白你说的页面居中是什么意思，我所理解的是内容居中。
如果是一般的块级标签里面的是文字内容，那么直接写text-align:center；就直接可以让块内的内容居中了，如果是行内元素，则需要加上display:inline-block;再写text-align:center;
如果需要设置div居中，则给div加上margin:x auto;x可以为0,也可以为其他的数字，比如：margin:20px auto;此时则是先距离当前div父元素的上边20px，再水平居中。
当然还有另外一种定位来设置，不过这要根据实际情况而定，比如弹出层，代码为：position:absolute;left:50%;margin-left:-div宽度的一半；相对应绝对定位的父级元素要设置position:relative;
如果是一般的块级标签里面的是文字内容，那么直接写text-align:center；就直接可以让块内的内容居中了，如果是行内元素，则需要加上display:inline-block;再写text-align:center;
如果需要设置div居中，则给div加上margin:x auto;x可以为0,也可以为其他的数字，比如：margin:20px auto;此时则是先距离当前div父元素的上边20px，再水平居中。
当然还有另外一种定位来设置，不过这要根据实际情况而定，比如弹出层，代码为：position:absolute;left:50%;margin-left:-div宽度的一半；相对应绝对定位的父级元素要设置position:relative;
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<style>
.main{ width:1200px; height:300px; background:red; margin:0 auto;}
// 主要的是margin:0 auto; auto自动调节左右两边的外边距，前提条件是标签必须有宽度
</style>
<div class="main">
我要居中
</div>
.main{ width:1200px; height:300px; background:red; margin:0 auto;}
// 主要的是margin:0 auto; auto自动调节左右两边的外边距，前提条件是标签必须有宽度
</style>
<div class="main">
我要居中
</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
1, width:960px; margin: 0 auto;
2 , text-align:center;
3， position:absolute; width:960px; left:50%; margin-left: 480px;
居中一般这3种方法。
2 , text-align:center;
3， position:absolute; width:960px; left:50%; margin-left: 480px;
居中一般这3种方法。
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
