CSS怎么让div中的多个div居中显示？
比如：<body><divid="A"><divid="B"></div><divid="C"></div><divid="D"></div></div></body>要...
比如：
<body>
<div id="A">
<div id="B"></div>
<div id="C"></div>
<div id="D"></div>
</div>
</body>
要让A居右显示(宽度200px)，要让B、C、D在A中居中显示(宽依次为50px，30px，20px)，CSS应该怎么写？
假设宽度用的是百分比(A：90%，B：50%，C：20%，D：10%)，又改怎么实现？ 展开
<body>
<div id="A">
<div id="B"></div>
<div id="C"></div>
<div id="D"></div>
</div>
</body>
要让A居右显示(宽度200px)，要让B、C、D在A中居中显示(宽依次为50px，30px，20px)，CSS应该怎么写？
假设宽度用的是百分比(A：90%，B：50%，C：20%，D：10%)，又改怎么实现？ 展开
5个回答
展开全部
<style type="text/css">
.main{ height:100px; background:red; margin:0px auto; width:480px;
}
p{ text-align:center; width:500px; height:200px; background:yellow;}
</style>
<body>
<div class="main"></div>
<p>在中间</p>
</body>
效果图：
红色区域永远是水平居中的，无论浏览器宽度是多少的。
margin:0px auto;(记得设定这个div的宽度)
text-align:center;是用于文字的水平居中。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
A居右显示可以加css:float:right;试试
至于BCD居中显示 可以给BCD分别加上 margin-left:auto;margin-right:auto;
或者A设置css加上text-align:center 然后BCD加上text-align:left
这样2种都试试 BCD宽度直接定义 应该和布局关系不大吧
至于BCD居中显示 可以给BCD分别加上 margin-left:auto;margin-right:auto;
或者A设置css加上text-align:center 然后BCD加上text-align:left
这样2种都试试 BCD宽度直接定义 应该和布局关系不大吧
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
下面是css代码，你试试吧
#A{width:200px;height:200px;float:right;}
#B{width:50px;height:20px;margin:0px auto;}
#C{width:30px;height:20px;margin:0px auto;}
#D{width:20px;height:20px;margin:0px auto;}
#A{width:200px;height:200px;float:right;}
#B{width:50px;height:20px;margin:0px auto;}
#C{width:30px;height:20px;margin:0px auto;}
#D{width:20px;height:20px;margin:0px auto;}
更多追问追答
追问
如果是百分比呢？
追答
百分比也是好用的，margin:0px auto；自动计算并且居中
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
#A{width:90%;height:200px;float:right;}
#B{width:50%;height:20px;inline-height:20px;margin:0px auto;}
#C{width:20%;height:20px;inline-height:20px;margin:0px auto;}
#D{width:10%;height:20px;inline-height:20px;margin:0px auto;}
更多追问追答
追问
那怎么让BCD并排居中呢？BCD还是有宽度哈，不要用inline，似乎用了它宽度属性之类的就不管用了
追答
并排居中，div宽度必须一样，不然每个div里面的内容居中后是对不起的。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
