Skip to content

Instantly share code, notes, and snippets.

@aloerina01

aloerina01/gird.css

Created December 16, 2016 06:18
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save aloerina01/5d02ad119136163505d082eb1a77db31 to your computer and use it in GitHub Desktop.
Save aloerina01/5d02ad119136163505d082eb1a77db31 to your computer and use it in GitHub Desktop.
Download ZIP
画像横並びの均等割り
Raw
gird.css
.image-grid {
text-align: justify;
text-align-last: justify;
}
.image-grid-item {
display: inline-block;
}
Raw
sample.html
<ul class="image-grid">
<li class="image-grid-item">...(省略)...</li>
<li class="image-grid-item">...(省略)...</li>
<li class="image-grid-item">...(省略)...</li>
<li class="image-grid-item">...(省略)...</li>
<li class="image-grid-item">...(省略)...</li>
<li class="image-grid-item">...(省略)...</li>
<li class="image-grid-item">...(省略)...</li>
<li class="image-grid-item">...(省略)...</li>
<li class="image-grid-item">...(省略)...</li>
<li class="image-grid-item">...(省略)...</li>
<li class="image-grid-item">...(省略)...</li>
</ul>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment