jsdo.itのヘッダの一番上をFlexboxで

myakura

License: Refer to code comments

Fork
2
Fav
0
View
2024
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 0 lines
  • HTML 14 lines
  • CSS 75 lines
Flexboxのサンプル。jsdo.itのヘッダ上にあるPRとナビゲーションをFlexboxでレイアウト。

Flexboxを使うと:
・float/clearみたいなめんどくさいことしなくていい
・marginにautoを使うと、残ってるスペースを埋めてくれる
 ・端揃えが楽
 ・上下のセンタリングもできる
・ボックスのレンダリング順を変化させられる
 ・国際化とかでRTL的なものが出てきた時とか
 ・ソースと見た目でボックスの順序が違うときとか
  • jsdo.itのヘッダの一番上をFlexboxで
  • jsdo.itのヘッダの一番上をFlexboxで

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Forked

sort by