Display

display設定用のCSS

詳しい導入事例は導入方法を参照してください。

Class Copy

使い方

積極的な使用は非推薦。
既存CSSを上書きしたい時などに使いましょう。
{display: inline-block;}に関しては文字列の改行制御に使用できます。

  • CSS
.dsp.bl {display: block;}
  .dsp.in {display: inline;}
  .dsp.ib {display: inline-block;}
  @media screen and (max-width: 768px) {
    .dsp.XS_bl {display: block;}
    .dsp.XS_in {display: inline;}
    .dsp.XS_ib {display: inline-block;}
    .dsp.XS_flex {display: flex;}
    .dsp.XS_grid {display: grid;}
  }