小编Vol*_*ker的帖子

如何排除flexbox包装中的第一项?

除了重新排序标记之外,有没有办法排除flex包中的第一项?

<div class="container">    
  <div id="tobeexcluded">abc</div>
  <div class="flexitem">content</div>
  <div class="flexitem">content</div>
  <div class="flexitem">content</div>
</div>
Run Code Online (Sandbox Code Playgroud)

编辑:我现在试过了

:not(:first-child)
Run Code Online (Sandbox Code Playgroud)

并且

:not(#tobeexcluded)
Run Code Online (Sandbox Code Playgroud)

但它不起作用.这是实际的类构造,这是一个drupal视图:

.view-id-reference_list .view-content:not(:first-child) {
display: flex
flex-flow: wrap
}
Run Code Online (Sandbox Code Playgroud)

小提琴:https://jsfiddle.net/m62090za/4/

这就是我想要的:https://jsfiddle.net/Lxhpwqzn/1/但不改变标记.

css flexbox

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

标签 统计

css ×1

flexbox ×1