プラグインを使わずに

質問

グリッドレイアウトのようなpinterestのようなＨＰを作ることは可能ですか？
よろしくお願いします。

回答No.1

AsarKingChang

プラグインってのが、よくわかりませんが、
そもそも、それらはCSSを生み出しているにすぎないので、
同じ結果を生むCSSを書けばいいだけなので、
プラグインだのなんだのを考えず、結果側を見れば
答えは出るかと。

やりたいのは　↓　こんなイメージですよね？多分。

<style>
.f {
background-color:pink;
width:256px;
height:256px;
float:left;
margin:2px;
}
.c {
clear:both;
}
</style>

<div>あいうえお</div>

<!-- ここからフローティングコンテンツ -->

<div class="f">投稿</div>
<div class="f">投稿</div>
<div class="f">投稿</div>
<div class="f">投稿</div>
<div class="f">投稿</div>

<div class="c"></div>

<!-- ここから通常コンテンツ -->
<div>あいうえお</div>

要するにブロック要素を並べればそれでいいんじゃないかと。

お礼

回答ありがとうございます、
pinterest風の縦横サイズが決まってなくてランダムに詰めて表示する画像が置かれるサイトを作りたいのですが、実際参考になるものがそんなにありません。

https://designsupply-web.com/suplog/1862/
このサイトなんですが目を通して頂けると幸いです。