2017-05-04 20 views
-1

所以我必須在同一行2個元素,其中一個是最左邊和其他極右使用justify-content: space-between;是否有可能使用flexbox將位於右側的元素包裝到左側?

爲了響應的目的,雖然我需要包裝的元素到下一行的權利,如果它是關於重疊左側的元素。

我使用的是flex-wrap: wrap;,但是當它包裝「右」元素是在一個新行,但它仍然被推到右邊,而我需要它被推到左邊,否則只剩下空白。

+0

後您使用的代碼,所以我們可以看到如何幫助 – LGSon

+1

不幸的是,沒有辦法通過CSS規則選擇一個包裝的flex子代。這可能會更好地處理媒體查詢。 – chazsolo

回答

-1

爲什麼不是flex-wrap爲您工作?看看這個簡單的例子有justify-content: space-between;並在合適的元素換到下一行,他們都推到左:

.wrapper { 
 
\t display: flex; 
 
\t flex-wrap: wrap; 
 
\t justify-content: space-between; 
 
\t max-width: 500px; 
 
\t width: 100%; 
 
\t margin: 0 auto; 
 
} 
 

 
.wrapper div { 
 
\t display: block; 
 
\t width: 220px; 
 
\t height: 220px; 
 
    margin-bottom: 10px; 
 
\t background-color: red; 
 
}
<div class="wrapper"> 
 
\t <div></div> 
 
\t <div></div> 
 
</div>

+0

我想如果OP的代碼會是這樣的,那就不會有問題了吧? ......所以如果我們等到我們得到實際的代碼,我們才能夠正確回答......並且有一個適當的書面問題:) – LGSon

+0

你說得對,它應該已經工作,現在它。原來元素從應用中的其他地方繼承了'margin-left:auto'。我只是推測這是把它推向右邊的「正當性內容」。謝謝。 – NeedsHelp

+0

不客氣。 @LGSon我可以看到未來。是的,我知道這是不適當的SO指導方針。 downvote我。我仍然幫助OP,這對我來說很重要。不是SO的未來。很確定他們會沒事的 – StefanBob

相關問題