CSSを使用してGoogleKeepでメモのようなレイアウトを作成するにはどうすればよいですか？
戻ります
ブログテンプレートを作っています。記事/投稿リストで、このようなレイアウトを作成したいのですが、このレイアウトの名前がわかりません。Android版のGoogleKeepのメモのようなものです。
css float：leftを使用して単純なbox divを使用してレイアウトを作成しようとしましたが、結果は次のようになります。ボックスが行を変更すると空白が残り、次のボックスは新しい行で水平に開始されます。
だから、divの2列を使用せずにそのようなレイアウトを作成する方法を知っている人はいますか？または多分解決するjavascriptプラグインがありますか？
jwmoreland
これはJavaScriptソリューションですが、IsotopeやMasonryのようなものを使用することを考えましたか？http://isotope.metafizzy.co/
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
css3'flexbox 'を使用してこのようなレイアウトを作成するにはどうすればよいですか？
- 2
CSS：このようなレイアウトを作成するにはどうすればよいですか？
- 3
このようなレイアウトを作成するにはどうすればよいですか？
- 4
このようなレイアウトを作成するにはどうすればよいですか？
- 5
CSSを使用してバウンスのようなアニメーションを作成するにはどうすればよいですか？
- 6
フレックスを使用して異なる数の列レイアウトを作成するにはどうすればよいですか？
- 7
CSSグリッドレイアウトを使用してCSSで固定列を作成するにはどうすればよいですか？
- 8
すべての画面サイズに合うように相対的なレイアウトを作成するにはどうすればよいですか？
- 9
QWidgetをQTabWidgetのレイアウトとして使用するにはどうすればよいですか？
- 10
Flutterでアンカーボタンを使用して柔軟なリストレイアウトを作成するにはどうすればよいですか？
- 11
メニューを使用してJavaSwingの異なるレイアウトを切り替えるにはどうすればよいですか？
- 12
cssグリッドを使用してフロートレイアウトを再作成するにはどうすればよいですか？
- 13
cssグリッドを使用してページレイアウトを適切に作成するにはどうすればよいですか？
- 14
floatを使用してタイムアウトを作成するにはどうすればよいですか？
- 15
GeometryReaderを使用してレイアウトのようなテーブルを実現するにはどうすればよいですか？
- 16
CSSを使用して台形のようなdivを作成するにはどうすればよいですか
- 17
addEventListenerを使用してHTMLレイアウトを変更するにはどうすればよいですか？
- 18
Weeblyを使用して、製品の説明の続きを読むレイアウトを作成するにはどうすればよいですか？
- 19
異なるページレイアウトを作成して使用するにはどうすればよいですか？
- 20
CSSのみを使用してフェードイン/フェードアウト効果を作成するにはどうすればよいですか？
- 21
（CSSフレックスボックスを使用して）このレイアウトを取得するにはどうすればよいですか？
- 22
本のようなレイアウトを実現するにはどうすればよいですか？
- 23
制約レイアウトで動的幅を使用して次のレイアウトを実現するにはどうすればよいですか？
- 24
CSSボックスレイアウトを作成するにはどうすればよいですか？
- 25
iOSの自動レイアウトを使用してメニューのボタンを中央に配置するにはどうすればよいですか？
- 26
自動レイアウトを使用して合計幅のパーセンテージを作成するにはどうすればよいですか？
- 27
Material-UI Gridを使用してこの「レイアウト」を作成するにはどうすればよいですか？
- 28
Androidで2列のレイアウトを動的に作成するにはどうすればよいですか？
- 29
divで画像の2列のレイアウトを作成するにはどうすればよいですか？
コメントを追加