CSS怎么让div中的多个div居中显示？

2024-11-13 06:36:27

推荐回答（5个）

回答1：

在中间

效果图：

红色区域永远是水平居中的，无论浏览器宽度是多少的。

margin:0px auto;(记得设定这个div的宽度)

text-align:center;是用于文字的水平居中。

回答2：

A居右显示可以加css:float:right;试试
至于BCD居中显示可以给BCD分别加上 margin-left:auto;margin-right:auto;
或者A设置css加上text-align:center 然后BCD加上text-align:left
这样2种都试试 BCD宽度直接定义应该和布局关系不大吧

回答3：

下面是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;}

回答4：

#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;}

回答5：

可以用flex布局，不过有兼容性问题