DIV przeskakujący do kolejnego wiersza przy zwężaniu

Question

Cześć.
Mam takie coś:

<div style="display: table-cell; width: 200px; height: 100px;   background-color: #00dddd; padding:10px;">
aaaaa
</div>
<div style="display: table-cell;width:  300px; height: 200px;   background-color: #00d00d; padding:10px;">
aaasdasdwrw dfgdfgdfter tercftrbvrt ryvrtebtub rtbyer  dfvtrvtrb erwvy vwrtyvbtrbr vwyty vwyer
</div>

<div style="display: table-cell; width: 600px; height: 100px;   background-color: #d00ddd; padding:10px;">
aa
</div>

Jak zrobić, żeby DIVy nie skalowały się przy zwężaniu okna,a gdy ich łączna szerokość przekroczy szerokość okna ostatni z DIVów „spadał” do nowej linii?

Answer 1

Myślę, że hasło, którego szukasz to FLEXBOX.

Comments

Dzięki chłopaki.

---

https://caniuse.com

To jeszcze się przyda. Sprawdzasz, które przeglądarki obsługują daną rzecz z css.

Answer 2

Luknij https://gridbyexample.com/examples/