columnプロパティで実現してるので並び順も異なり、CSSフレームワークな感じでPure CSSでMasonryレイアウトを実現してるとはいいにくい。

bleu-bleut のブックマーク 2016/02/02 14:34

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/277438170/comment/bleu-bleut" data-user-id="bleu-bleut" data-entry-url="https://b.hatena.ne.jp/entry/s/codeburst.io/how-to-pure-css-masonry-layouts-a8ede07ba31a" data-original-href="https://codeburst.io/how-to-pure-css-masonry-layouts-a8ede07ba31a" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Fcodeburst.io%2Fhow-to-pure-css-masonry-layouts-a8ede07ba31a" data-user-icon="/users/bleu-bleut/profile.png">HOW TO: Pure CSS masonry layouts</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="https://b.hatena.ne.jp/q/Article">Article</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%22grid%20masonry%22">grid masonry</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%22css%20pure%22">css pure</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%22css%20flexbox%22">css flexbox</a>]</li></ul><br><p style="clear: left">columnプロパティで実現してるので並び順も異なり、CSSフレームワークな感じでPure CSSでMasonryレイアウトを実現してるとはいいにくい。</p><a class="datetime" href="https://b.hatena.ne.jp/bleu-bleut/20160202#bookmark-277438170"><span class="datetime-body">2016/02/02 14:34</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！

HOW TO: Pure CSS masonry layouts

codeburst.io2016/01/28

One popular content layout style is “masonry”. Not familiar with it? Think Pinterest, Windows’ Metro etc. To describe it in words, an almost crazy paving effect whereby variable sized blocks of con...

7 人がブックマーク・1 件のコメント

他のコメントを読む

＼コメントがサクサク読めるアプリです／

はてなブックマーク

HOW TO: Pure CSS masonry layouts

はてなブックマーク

公式Twitter

はてなのサービス