CSS|DIV水平方向と垂直方向が中央

921 ワード

1.垂直方向:


最近、小さなページを作るときに困ったことがあります。要素の垂直方向を中央に設定する必要があります。


過去の経験:
display: inline-block;
vertical-align: middle;

解決できます.しかし今回はだめで、不思議で、高度な変化の原因なのか、jquerymobileの問題なのか、divがliとaの間にネストされている問題なのか分からない.
解決策:
table-cell法:
Content goes here

CSS:
#wrapper {display:table;}
#cell {display:table-cell; vertical-align:middle;}

参照先:
1. http://blog.themeforest.net/tutorials/vertical-centering-with-css/
2. http://blog.jobbole.com/46574/
2.水平方向:
一般的なアプローチ:
test

CSS:
#parent{text-align:center;}
.child{margin:0 auto;}

できます.
水平方向ではない解決策:http://blog.csdn.net/gxp_java/article/details/8675559