我想在justify
中div
一些图像。
我添加了justify-content: center;
,但是图像向左对齐。为什么?
.item {
justify-content: center;
}
<div class="item">
<div>
<img src="http://placehold.it/75x75" />
</div>
<div>
<img src="http://placehold.it/75x75" />
</div>
<div>
<img src="http://placehold.it/75x75" />
</div>
</div>
最佳答案
如果容器是柔性容器,则justify-content
属性仅对齐给定容器的内容。
将此添加到您的CSS:
display: flex;
头部的完整CSS代码应为:
<style type="text/css">
.flex-item {
display: flex;
justify-content: center;
}
</style>
资料来源:http://www.w3schools.com/cssref/css3_pr_justify-content.asp
示例:http://www.w3schools.com/cssref/playit.asp?filename=playcss_justify-content&preval=center
Fidde示例:https://jsfiddle.net/L4tmgs18/1/