/ Vykonajte stĺpce vždy rovnakú výšku? (Nadácia 5) - nadácia

Vykonať stĺpce vždy rovnakú výšku? (Nadácia 5) - nadácia

Ako vytvoriť rozloženie podľa obrázku? Prvý stĺpec vľavo a druhý stĺpec vpravo by mali mať vždy rovnakú výšku, v závislosti od prvej výšky stĺpca, pomocou nadácie 5.

tu zadajte popis obrázku

odpovede:

0 pre odpoveď č. 1

Ekvalizér nadácie ich robí rovnými, ale na základe dlhšieho. http://foundation.zurb.com/docs/components/equalizer.html

môžete použiť jQuery, aby ste to urobili sami (to môže fungovať s mnohými stĺpcami a ľubovoľným stĺpcom, ktorý určuje veľkosť:

$(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>


Súvisiace otázky


Komentáre (0)

Pridať komentár