html - 使用Flexbox构建网格-仅在右侧第二行中的元素

Closed. This question needs to be more focused。它当前不接受答案。
                            
                        
                    
                
                            
                                
                
                        
                            
                        
                    
                        
                            想改善这个问题吗？更新问题，使其仅通过editing this post专注于一个问题。
                        
                        4年前关闭。
                                                                                            
                
        
我想用Flexbox构建我的Grid并卡住一点。
它是一个四列网格。在第二行中，我只想在右侧放置2个项目。
看看我的涂鸦。

最佳答案

.flex {
  display: flex; /* Magic begins */
  flex-wrap: wrap; /* Multiline */
  justify-content: flex-end; /* Align to the right */
}
.flex > div {
  width: 25%;
}

<div class="flex">
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <div>4</div>
  <div>5</div>
  <div>6</div>
</div>

关于html - 使用Flexbox构建网格-仅在右侧第二行中的元素，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30490174/