CSS中的Div对齐
桑托什·阿查里（Santosh Achari）
我想使用CSS / HTML和Bootstrap根据子div的数量在图像中进行对齐。
- 全宽最多可容纳3个div（即.container）
- 如果仅显示2个div，则它们应居中对齐。
到目前为止，所有div都将向左或向右对齐。
用CSS / HTML实现这一目标的简单方法是什么？不确定我应该在Google上搜索哪些关键字，因为有很多文章围绕div居中。
这里的东西
将您div的inline-block和包装器设置为text-align: center：
.wrapper { text-align: center; }
.wrapper div {
width: 100px;
height: 100px;
background: red;
display: inline-block;
margin: 20px;
}<div class ="wrapper">
<div></div>
<div></div>
<div></div>
</div>
<div class="wrapper">
<div></div>
<div></div>
</div>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
在CSS中对齐内联div
- 2
HTML / CSS在div中对齐多个元素
- 3
如何在HTML CSS中对齐div
- 4
在Div CSS中对齐图像和文本
- 5
CSS DIV对齐问题
- 6
CSS div水平对齐
- 7
对齐Div Boxs CSS
- 8
CSS div中心对齐
- 9
对齐3 div的CSS
- 10
CSS div在同一行中水平对齐
- 11
在同一CSS列中对齐Div的集合
- 12
HTML / CSS：我的div中的文本未对齐？
- 13
不要在div CSS中对img进行垂直对齐
- 14
CSS如何将div中的元素与2列对齐
- 15
如何在CSS的div中垂直对齐元素？
- 16
CSS - 文本与其他 div 中的文本对齐
- 17
在 HTML/CSS 中对齐两个 div
- 18
在DIV中对齐控件
- 19
在div中对齐元素
- 20
CSS在div内的div内对齐div
- 21
CSS对齐div底部的文本
- 22
CSS-DIV对齐问题
- 23
水平对齐多个div（CSS）
- 24
无法使div与CSS正确对齐
- 25
对齐div元素（css，html）
- 26
HTML + CSS DIV对齐布局
- 27
CSS文本与多个Div对齐
- 28
“左中”与CSS对齐
- 29
CSS中的列对齐
我来说两句