所以我必須在同一行2個元素,其中一個是最左邊和其他極右使用justify-content: space-between;
是否有可能使用flexbox將位於右側的元素包裝到左側?
爲了響應的目的,雖然我需要包裝的元素到下一行的權利,如果它是關於重疊左側的元素。
我使用的是flex-wrap: wrap;
,但是當它包裝「右」元素是在一個新行,但它仍然被推到右邊,而我需要它被推到左邊,否則只剩下空白。
所以我必須在同一行2個元素,其中一個是最左邊和其他極右使用justify-content: space-between;
是否有可能使用flexbox將位於右側的元素包裝到左側?
爲了響應的目的,雖然我需要包裝的元素到下一行的權利,如果它是關於重疊左側的元素。
我使用的是flex-wrap: wrap;
,但是當它包裝「右」元素是在一個新行,但它仍然被推到右邊,而我需要它被推到左邊,否則只剩下空白。
爲什麼不是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>
後您使用的代碼,所以我們可以看到如何幫助 – LGSon
不幸的是,沒有辦法通過CSS規則選擇一個包裝的flex子代。這可能會更好地處理媒體查詢。 – chazsolo