2

私は固定バー(ナビゲーションバーになる)があるプロジェクトに取り組んでおり、そのすぐ下には、クリックすると反転するように設定された長方形があります。nav と反転 div の両方の幅はまったく同じであると想定されており、FF、Chrome、Safari、IE で表示した場合は同じですが、Android ブラウザーで確認したところ、反転 div は約です。ナビゲーション バーより幅が 10 ピクセル小さい。これを、div 'outerContainer' で 'display: table' を使用して、'innerContainer' (display: table-cell に設定されている) のコンテンツを垂直方向および水平方向に中央揃えにしているという事実に絞り込みました。これは私が現在どのようにセットアップしているかの例です。これはすべてのブラウザーで正しく表示されますが、フリップ ボックスの幅は Android ブラウザーでは小さくなっています: http:

.outerContainer から「display:table」を削除するとすぐに、適切な幅で Android ブラウザーに表示されますが、コンテンツが意図したとおりに中央に配置されなくなりました。この例は表示を示しています: テーブルを削除すると適切な幅で表示されますが、コンテンツは希望どおりに中央に配置されません: http://jsfiddle.net/adRP4/10/

私が使用した垂直/水平センタリング方法は、 http ://www.andy-howard.com/verticalAndHorizo​​ntalAlignment/index.html ( http://css-tricks.com/vertically-center-multi-lined-に似ています)に基づいています。 text/ ) ...彼女が概説した方法に変更しようとしたとき: http://css-tricks.com/centering-in-the-unknown/あらゆる種類の問題に遭遇しました...

これを修正する方法について何か提案はありますか?

更新 ( 6/28) -- iPhone を確認すると、Android ブラウザーとまったく同じ幅の不一致があることがわかりました..

ありがとう、マーク

4

1 に答える 1

0

フリップにDIVを使用してから、フリップを埋めてTABLEとして設定するdivを追加することをお勧めします。

または、こちらの方法 3 でフローターを使用することをお勧めします: http://blog.themeforest.net/tutorials/vertical-centering-with-css/

于 2012-07-04T05:05:00.047 に答える