0

Twitter ブートストラップを使用して、デスクトップおよび携帯電話用の Web サイトを作成しています。ログインフォームを x 方向と y 方向の両方で中央揃えにしたい。

したがって、グリッドが 100 x 100 の場合、フォームは 50,50 になります。

Firefox を使用してフォームを画面の中央にいくぶん移動させることができますが、Firefox ではフォームが少しtext-align: center;右にずれてしまいます。

センターに行くにはどうしたらいいですか？

ここに私のHTMLがあります

ここに私のbootstrap.cssがあります

4

2 に答える 2

0

フォームを含む で使用margin:auto;してみてください。<div>

于 2013-03-26T22:47:49.083 に答える
0

Bootstrap のせいだということはわかっていますが、ネストされた div タグが非常に多く含まれています。私が強調したいことの 1 つは、ポジショニングを変更するために新しいものを追加するのではなく、既に Bootstrap で使用しなければならないものを利用することです。これは多くの頭痛の種になるからです。

これで遊んだ後、明確な解決策は思いつきませんでしたが、次のように考えています。

  • CSS メディア クエリを読んでください。これにより、デスクトップ > モバイルの問題の解決がはるかに簡単になります。
  • 垂直方向の配置に CSS を使用しないでください。div はテーブル セルではなく、実際にはそのように振る舞うことはできません。画面の幅を調べて位置を計算する小さな JavaScript の方が優れています。簡単なGoogle検索でたくさん出てきます。
于 2013-03-26T22:57:19.393 に答える