flexboxの検索結果161 - 163 件 / 163件

• あとで読む

  flexboxの使い方一覧

  • 1 user
  • desnote.com
  • テクノロジー
  • 2019/06/15

  ツール 試せる https://demos.scotch.io/visual-guide-to-css3-flexbox-flexbox-playground/demos/ 親要素 display: flex; flex-direction：子要素の配置方向 row：左から順に。デフォルト。 row-reverse：右から順に column：上から順に column-reverse：下から上に flex-wrap：子要素の折り返し設定 nowrap：折り返しなし wrap：折り返しして複数行になることあり wrap-reverse：折り返しするときは、後半のが上にいく justify-content：水平方向の揃え方 flex-start：横方向は左揃え、縦方向は上揃え flex-end：横方向は右揃え、縦方向は下揃え center：中央揃え space-between：余分な空きは均等に

  • css

  
• あとで読む

  【CSS】flexの子要素をheight: 100%;にしつつalign-items: center;にしたい場合のやり方

  • 1 user
  • dezanari.com
  • テクノロジー
  • 2022/08/24

  display: flex;とalign-items: center;を指定すると子要素は縦に揃いますが、height: 100%;を指定しても効きません。 しかし、display: flex;のみだとデフォルト値のalign-items: stretch;のおかげでheightは100%っぽくなりますが、今度は縦に中央揃えができません。 子要素でheight: 100%;とalign-items: center;の状態を同時に実現する必要があったので、今回はこれのやり方を解説します。 height: 100%;っぽくしつつalign-items: center;っぽくする方法こんな感じのコードでいけました。 <div class="parent"> <div class="child">子要素です</div> </div> .parent { display: flex; } .chil

  • css

  
• あとで読む

  Discography｜Run Girls, Run！公式サイト

  • 1 user
  • rungirlsrun.jp
  • テクノロジー
  • 2020/05/26

  Discographyページです。Run Girls, Run！（ラン ガールズ ラン）オフィシャルHPです。声優、林鼓子・森嶋優花・厚木那奈美の3名による声優ユニット。メンバーの最新情報や、Twitter、ブログ、イベント情報などを集約しています。

  • CSS