怎样才能将div里面的div居中呢？
<divclass="a"><divclass="b"></div></div>怎样才能让里面那个div相对居中外面这个div呢？垂直、横行都要居中！...
<div class="a">
<div class="b">
</div>
</div>
怎样才能让里面那个div相对居中外面这个div呢？
垂直、横行都要居中！ 展开
<div class="b">
</div>
</div>
怎样才能让里面那个div相对居中外面这个div呢？
垂直、横行都要居中！ 展开
11个回答
展开全部
div里面的div居中方法：
一条件：
这个时候对“body”设置css内容居中样式（text-align:center）
即CSS代码：
body{text-align:center}一 设置：
这个时候对“#divcss”设置居中必备样式css margin
即CSS代码：
#divcss5{margin:0 auto}二、DIV居中用法实例
为了便于观察布局居中效果，我们再对“#divcss5”加一个css边框为黑色，css宽度为300px;高度为100px样式。
1、最终得到DIV居中的CSS代码：
body{ text-align:center}
#divcss{margin:0 auto;border:1px solid #000;width:300px;height:100px}2、对应html代码片段：
<div id="divcss">DIV水平居中案例</div>
3、居中案例截图
4、在线演示：
三、布局居中总结
布局居中我们需要对对象加margin:0 auto样式，当然如果不加有的浏览器会实现居中效果，但有的浏览器就不会默认是居中。为了div居中兼容各大浏览器，一定遵循以上教程方法与实施教程。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>test</title>
<style type="text/css">
div.a {
border: 1px solid red;
width: 500px;
height: 500px;
margin: auto;
}
div.a>div.b {
position: relative;
border: 1px dashed black;
text-align: center;
margin: 50% auto;
}
</style>
<!-- <script type="text/javascript" src="../jquery-1.8.0.min.js"></script> -->
</head>
<body>
<div class="a">
<div class="b">怎样才能将div里面的div居中呢？</div>
</div>
</body>
</html>
追问
不对啊，div.b高度设成100px后就不居中了。
追答
我不知道了，你自己看吧
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
最好的方法就是用定位：
这个是到处都通用的自适应居中，希望对你有帮助
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
想让 b类这个DIV居中。就在DIV a 这个类中添加一个属性！ text-align: center;即可。这一 a这个类DIV中的所有都会居中。当你想要靠做或者靠右的时候。就在 b这个类中写 float:left;或者float:right
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<style>
.a .b{width:100px;margin:0 auto;}
</style>
.a .b{width:100px;margin:0 auto;}
</style>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（9）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
