【重要】サービス終了のお知らせ

絶対配置とtable-cell + vertical-align

esukei

License: MIT License

Fork
0
Fav
1
View
7328
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 0 lines
  • HTML 8 lines
  • CSS 29 lines

中段寄せのため、 display:table-cell+vertical-align:middleする。

しかしこの時、position:absoluteしてしまうと、 display:blockとしてレンダリングされるため、 vertical-align指定が無視されるというお話。

http://stackoverflow.com/questions/8896965/css-vertical-align-table-cell-dont-work-with-position-absolute

回避するには、 親要素をdisplay:table+position:absoluteして、 子要素でdisplay:table-cell+vertical-align:middleすればよい。

  • 絶対配置とtable-cell + vertical-align
  • 絶対配置とtable-cell + vertical-align

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

esukei

Author

ASもJSもHTML5も全部やればいいじゃない!

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by