Horizontally spacing a row of images evenly
- by Tesla
I have a few rows of images like so
<div class="row">
<img src="image.jpg" alt="">
<img src="image.jpg" alt="">
<img src="image.jpg" alt="">
<img src="image.jpg" alt="">
<img src="image.jpg" alt="">
</div>
Each image has a different width, and there is also a different number of images on each row (4-6). I want to space the images evenly in the row, the row has a fixed width of 960px.
I could do this by calculating the total empty space for each row and then dividing it among the images for a margin, but I was hoping there was something simpler that I could apply to every row instead of having to calculate and code a separate one for each row.
