是否有可能使用flexbox將位於右側的元素包裝到左側？

-1

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

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

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

來源

2017-05-04 NeedsHelp

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

不幸的是，沒有辦法通過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>

來源

2017-05-04 14:42:26 StefanBob

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

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

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

是否有可能使用flexbox將位於右側的元素包裝到左側？

回答

相關問題