2
ボタンを画面の中央に配置しようとしています。しかし、ボタンに20ピクセルのオフセットがあるように見えます。正確な中心から垂直に20ピクセル離れて表示されます。ここでCSSを使用してイオンボタンを配置する方法
は、それがどのように見えるかです：
ここでは、HTMLのボディです：
<body ng-app="starter" class="platform-ios platform-cordova platform-webview">
<ion-pane>
<ion-content>
<div id="cool-button-div">
<button class="button button-block button-calm">Cool!</button>
</div>
</ion-content>
</ion-pane>
</body>
とCSS：
#cool-button-div {
position: relative;
width:200px;
margin:auto;
margin-top:50%;
}
が、私は正確な中心を計算することで、ボタンを配置することができます私がtop : 250pxを使用すると、それは動作しますが私がtop:50%を使用すると、それは動作しません。
注：私はスペーサービューのように機能する追加のdivを使用したくありません。
私はあなたが画面の真ん中（上下）、およびでない画面の中央（左右）にそれを置くしようとしていると思います。右？ – Dekel
マージン：自動作成されたdivの水平方向の中心ですので、垂直方向の中心を参照しています –
[すべてのブラウザでdivを垂直方向に配置する方法は？]（http://stackoverflow.com/questions/396145/how-to-すべてのブラウザのための垂直方向のcenter-a-div） – Dekel