Kezdőoldal » Számítástechnika » Weblapkészítés » Váltakozó magasságú divekre...

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
 1/5 anonim válasza:
javascript
2014. febr. 6. 22:33
Hasznos számodra ez a válasz?
 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>

2014. febr. 7. 00:23
Hasznos számodra ez a válasz?
 3/5 anonim ***** válasza:
table
2014. febr. 7. 07:43
Hasznos számodra ez a válasz?
 4/5 anonim ***** válasza:
#2 hányas verzióktól működik? Mobilon is megy?
2014. febr. 7. 15:31
Hasznos számodra ez a válasz?
 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+

2014. febr. 7. 15:47
Hasznos számodra ez a válasz?

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!