2

私は自分の Web サイトでPureCSSを試していますが、すべてうまくいっているように見えました。Firefox で開いたところ、コンテンツが中央に配置されていないことに気付きました。

私のサイトはこちらからご覧いただけます。

HTML/CSS はとてもシンプルです。<div class="content pure-u-1 pure-u-md-3-5">インスペクター ツールを開くと、幅 60% で正しくレンダリングされていることがわかります。もしそうなら、なぜそうではないのか

.content {
    margin: 0 auto;
}

コンテンツを Firefox の中央に配置するには? Chrome ではすべて正常に動作します。フロントエンドの作業を行ってからしばらく経ちましたが、簡単に検索したところ、まだmargin: 0 auto;センタリングを推奨している人がいるので、これはグリッド フレームワークと関係があると思いますか? また、すべてをに設定していbox-sizing: border-box;ます。

4

2 に答える 2

0

テキストのセンタリングに使用しているのは次のとおりです。

.content {    
    width: 50%;    
    left: 50%;    
    position: absolute;   
    margin-left: -25%;    
    text-align: center;  
}

ffを含む、私がテストしたすべてのブラウザで動作します

追加するには: ブラウザ ウィンドウを最小化すると、テキストも縮小されます。

于 2015-01-27T02:54:48.960 に答える