height


Isotope last items in row with equal height


this is my question:
is it possible to set equal heights to last items in row?
My masonry layout is on two columns and I would like to set the last two items with the same height...
UPDATE
This is a simple starting code that I think to use because I haven't yet begun to work on it:
/* ---- js ---- */
jQuery(document).ready(function($) {
var $container = $('#container');
$container.imagesLoaded(function () {
$container.masonry({
isInitLayout: false,
isFitWidth: true
});
$container.masonry('layout');
});
});
/* ---- css ---- */
.wrapper{
margin: 0 auto;
}
#container {
width: 100%;
height: 1200px;
background: #DDD;
margin: 0 auto;
}
#container:after {
content: '';
display: block;
clear: both;
}
.item {
float: left;
width: 500px;
background: #0D8;
border-color: hsla(0, 0%, 0%, 0.7);
}
.item img{
max-width: 100%;
}
<!-- ---- html ---- -->
<div class="wrapper">
<div id="container">
<div class="item"><img src="img/image1.jpg" width="500" height="200" alt="" /></div>
<div class="item"><img src="img/image2.jpg" width="500" height="450" alt="" /></div>
<div class="item"><img src="img/image3.jpg" width="500" height="300" alt="" /></div>
<div class="item"><img src="img/image4.jpg" width="500" height="260" alt="" /></div>
<div class="item"><img src="img/image5.jpg" width="500" height="500" alt="" /></div>
<div class="item"><img src="img/image6.jpg" width="500" height="420" alt="" /></div>
<div class="item"><img src="img/image7.jpg" width="500" height="260" alt="" /></div>
<div class="item"><img src="img/image8.jpg" width="500" height="430" alt="" /></div>
</div>
</div>
Thank you.
Fabio

Related Links

Kalman Filter for height and acceleration
Isotope last items in row with equal height
How to set the detail height programatically in ActiveReports
Looking for a way to change the fixed height of page header in Access 2007
CSS Background image not showing with height auto
Binary Tree find height of a specific Node
Re-size the Text and Button/Label in Livecode
Overlay a background image onto the web page
WooCommerce - change price based on product_id, width and height
Susy gallery breaks height for display table and table-cell
Flex Slider full height and width without stretching
mPDF set Height for SetHTMLHeader
How to Set Height of PdfPTable in iTextSharp
Margin not showing with 100% width & height
KO Grid Scrollbars not visible & Display issues
Increase scrollview's element height on clicking it

Categories

HOME
tensorflow
numpy
performancecounter
reportportal
command
ubuntu-12.04
chaiscript
webdav
branch.io
websphere-liberty
height
android-viewpager
uiactivityviewcontroller
keystore
jboss7.x
multiple-monitors
medium-editor
ssms-2016
ada
ng-show
tree-traversal
linq-to-sql
google-ima
hhvm
jquery-scrollify
npm-install
shopping-cart
non-deterministic
metis
classpath
svnkit
pdflatex
threshold
codesys
readfile
axis-labels
image-compression
installshield-2012
active-model-serializers
infusionsoft
socketscan
sendgrid-templates
productivity
rkt
cppunit
lirc
chown
defold
livefyre
web-deployment-project
mbaas
forerunnerdb
mcrypt
scd
shinyjs
garrys-mod
sql-import-wizard
packagemaker
glkit
rstudio-server
visible
unsatisfiedlinkerror
spring-repositories
emokit
gmsmapview
twgl.js
group-concat
sourcegear-vault
site-prism
risk-analysis
es2015
google-earth-plugin
pl-i
power-law
getimagedata
cppdepend
java.util.date
image-zoom
carddav
google-closure-library
adomd.net
vertical-scrolling
icsharpcode
socketstream
qsqltablemodel
separation-of-concerns
zookeeper
coff
executable-format
port-scanning
ihttphandler
pivotal-crm
.app
asp.net-routing
hibernate3-maven-plugin
swfloader
microsoft.ink
internals
web-analytics-tools
interface-design
visual-studio-dbpro

Resources

Mobile Apps Dev
Database Users
javascript
java
csharp
php
android
MS Developer
developer works
python
ios
c
html
jquery
RDBMS discuss
Cloud Virtualization
Database Dev&Adm
javascript
java
csharp
php
python
android
jquery
ruby
ios
html
Mobile App
Mobile App
Mobile App