伊予清水屋サイト — WordPress UBUNTU

  • laravel
  • WordPress
  • LINUX
  • Docker
  • javascript
  • PHP
  • SQL
  • VS CODE
  • ※Web開発

CSS Flexbox 各プロパティの使い方を詳しく解説

投稿日: 2024年5月9日 | カテゴリ: Bootstrap | 投稿者: shimizuya | タグ: css, html
job_illustrator_pc_woman-e

https://coliss.com/articles/build-websites/operation/css/css3-flexbox-properties-by-scotch.html

  • Flexboxで実装する定番レイアウトのコードのまとめ
  • CSS flexboxとは
  • CSS flexboxの使い方
  • flexコンテナ: flex-direction(横並びと縦並び)
  • flexコンテナ: flex-wrap(単一行と複数行の指定)
  • flexコンテナ: flex-flow(ショートハンド)
  • flexコンテナ: justify-content(寄せと間隔)
  • flexコンテナ: align-items(アイテムの配置方法)
  • flexコンテナ: align-content(垂直方向の寄せと間隔)
  • メモ: flexコンテナ
  • flexアイテム: order(アイテムを並べる順番を設定)
  • flexアイテム: flex-grow(アイテムの伸長係数の比率)
  • flexアイテム: flex-shrink(アイテムの縮小係数の比率)
  • flexアイテム: flex-basis(アイテムの初期サイズを定義)
  • flexアイテム: flex(ショートハンド)
  • flexアイテム: align-self(アイテムの配置方法)
  • メモ: flexアイテム

投稿ナビゲーション

← Bootstrap5 navbar
CSS コンテナクエリ(@container)の便利な使い方を解説 →

最近の投稿

  • フリーズしたPCが復活
  • [ubuntu]外付けHDDをsambaで共有する際に躓いたこと
  • MiniTool Partition Wizard 無料版
  • 簡単な 3 ステップで使えるブートUSB 作成ツール!「balenaEtcher」。
  • Linux Mint windows リモートデスクトップがつながらない
  1. (投稿)WordPress プラグイン(最近使った) に shimimane より
  2. (投稿)WordPress プラグイン(最近使った) に しろちゃん より
  3. 後悔の種 に しみまね より
  4. 後悔の種 に やす より

© 2025 伊予清水屋サイト — WordPress UBUNTU. All rights reserved.

Powered by WordPress | Theme: Shimizuya