相关疑难解决方法(0)

如何使Flex容器居中但左对齐flex项目

我希望flex项目居中,但是当我们有第二行时,将5(从下面的图像)下调到1并且不在父项中居中.

在此输入图像描述

这是我的一个例子:

ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  padding: 0;
}
li {
  list-style-type: none;
  border: 1px solid gray;
  margin: 15px;
  padding: 5px;
  width: 200px;
}
Run Code Online (Sandbox Code Playgroud)
<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
  <li>6</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/8jqbjese/2/

html css css3 flexbox

67
推荐指数
3
解决办法
3万
查看次数

标签 统计

css ×1

css3 ×1

flexbox ×1

html ×1