相关疑难解决方法(0)

如何在另一个div内对齐3个div(左/中/右)?

我希望在容器div中对齐3个div,如下所示:

[[LEFT]       [CENTER]        [RIGHT]]
Run Code Online (Sandbox Code Playgroud)

容器div是100%宽(没有设置宽度),并且在调整容器大小后中心div应保持在中心.

所以我设置:

#container{width:100%;}
#left{float:left;width:100px;}
#right{float:right;width:100px;}
#center{margin:0 auto;width:100px;}
Run Code Online (Sandbox Code Playgroud)

但它变成了:

[[LEFT]       [CENTER]              ]
                              [RIGHT]
Run Code Online (Sandbox Code Playgroud)

有小费吗?

html css alignment css-float flexbox

375
推荐指数
7
解决办法
76万
查看次数

标签 统计

alignment ×1

css ×1

css-float ×1

flexbox ×1

html ×1