我想在justifydiv一些图像。

我添加了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/

09-10 11:32
查看更多