Fork
0
Fav
0
View
214
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 0 lines
  • HTML 12 lines
  • SCSS / Compass 21 lines
vertical-align: middleを使うと手っ取り早くそれっぽくなるが、微妙に合ってないことがある
綺麗に合わせるならパーセント指定とフォントサイズ差の調整を地道にやっていくしか無いっぽい?

例えばmaterial iconなら、文字列とアイコンが同じサイズの場合、-15%指定ぐらいでちょうど中央付近になる

この場合の一般式
vertical-align: (アイコンサイズ / 文字サイズ) * -15 [%]

(フォントやブラウザ環境によってまた微妙に変わるかもしれない。闇)
  • icon要素の位置を文字列の中央(付近)に合わせる
  • icon要素の位置を文字列の中央(付近)に合わせる

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

pentamania

Author

アマチュアです。

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags