/ / Vai kolonnām vienmēr ir vienāds augstums? (Fonds 5) - zurb-foundation

Vai kolonnām vienmēr ir vienāds augstums? (Fonds 5) - zurb-foundation

Kā izveidot izkārtojumu, kā parādīts attēlā? Pirmajā kolonnā pa kreisi un otrajai kolonnai pa labi jābūt vienmērīgam augstumam atkarībā no pirmā kolonnas augstuma, izmantojot fondu 5.

šeit ievadiet attēla aprakstu

Atbildes:

0 atbildei Nr. 1

Fonda ekvalaizers padarīs tos pat, bet balstīsies uz ilgāku. http://foundation.zurb.com/docs/components/equalizer.html

jūs varat izmantot jQuery, lai to izdarītu pats kā šis (tas var strādāt ar daudzām kolonnām un ar jebkuru kolonnu, kas nosaka izmēru:

$(document).ready(function() {
sizeRow();

function sizeRow() {
var $col = $(".sizeRow .size-by-me");
var height = $col.height();
$col.siblings(".size-me").height(height);
}
});
.small-6 {
float: left;
width: 50%;
}
.col1 {
height: 400px;
background-color: #F00;
}
.col2 {
height: 200px;
background-color: #FF0;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div class="row sizeRow">
<div class="small-6 columns size-by-me col1">Column 1</div>
<div class="small-6 columns col2 size-me">Column 2</div>
</div>


Saistītie jautājumi


Komentāri (0)

Pievieno komentāru