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
display: inline-block;
vertical-align: middle;
Content goes here
#wrapper {display:table;}
#cell {display:table-cell; vertical-align:middle;}
test
#parent{text-align:center;}
.child{margin:0 auto;}