Váltakozó magasságú divekre megoldás CSS-ben?
Figyelt kérdés
A lényeg hogy van három div egymás mellé igazítva, de a tartalmuk miatt eltér a magasságuk. Hogyan lehet beállítani hogy a legnagyobb magasságúhoz álljon be a többi. A divek tartalma dinamikus így nem lenne szerencséd fix magassággal megoldani. Valami tipp?2014. febr. 6. 19:41
2/5 anonim válasza:
CSS3:
.row {
width: 900px;
display: -moz-box;
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.col {
position: relative;
-moz-box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 20px;
padding: 20px;
background: #eee;
}
HTML:
<div class="row">
<div class="col">asdasd dfs gdfg sdfg</div>
<div class="col">fdsf sgf dsgdfsg dsgf fdsf sgf dsgdfsg dsgffdsf sgf dsgdfsg dsgf fdsf sgf dsgdfsg dsgf</div>
<div class="col">fdsf sgf dsgdfsg dsgf</div>
</div>
4/5 anonim válasza:
#2 hányas verzióktól működik? Mobilon is megy?
5/5 anonim válasza:
Ezekben működik:
Chrome
Firefox
Safari 3.1+
Opera 12.1+
IE 10+
Android 2.1+
iOS 3.2+
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!