小编Ate*_*har的帖子

Flex盒最后一个项目占据容器的整个宽度.我该如何解决这个问题？

最后一行采用全宽,但我希望最后一行具有与所有其他项相同的宽度.我附上了一个截图,说明了我的问题.

使用flexbox是否可行,或者我必须使用简单的CSS来满足我的要求？或者我应该使用显示表和表格单元属性？

提前致谢!

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.container {
  width: 1170px
}

.listingResult {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  -webkit-flex-wrap: wrap;
  /* Safari 6.1+ */
  flex-wrap: …

Run Code Online (Sandbox Code Playgroud)

html css list css3 flexbox

Ate*_*har

2017 09-04

7
推荐指数

1
解决办法

2822
查看次数