私は自分のWebサイトのレイアウトを text-align : center;いじくり回していて、javascriptを使用してコンポーネントを追加するときに、親divのサイズを変更するために、すべてのdivの位置を相対に設定した後に発生した動作を停止しました。
これが私のCSSファイルの両方です：
以下のJSfiddleリンクで新しいものを見ることができます。
jsFiddle： http: //jsfiddle.net/2WvrV/
古いウェブサイトのコードも提供します（テキストを適切に配置します）：
http://jsfiddle.net/fiddlerOnDaRoof/fQpjX/
古いHTMLは、style = "float：left;"を追加したばかりの新しいバージョンと非常によく似ています。divの1つで
簡単な答え: 要素がフローティングされているため、テキストは中央に配置されず、フローティング要素はブロックレベルの要素であってもコンテンツに「縮小」します。
これが何を意味するのかもっと説明できますか？
javascriptでコンポーネントを追加するときに親divのサイズを変更するには、すべての位置を相対的に設定する必要がありました
CSS内の任意の場所で、その後float:left;に追加width: 100%;します。フローティングは、希望する中央揃えを無効にします。
text-align: center;また、に追加#login
最後にそれを理解しました。私がする必要があった
のは、すべてがうまくいった後、clear:left;私のdivに追加することだけですloginBttn
みんなを助けてくれてありがとう
Text-align: center, が機能しなかった別のケースを次に示します。
上記の Div でdisplay:flexプロパティを使用しているため、それを削除してから試してみる必要があります。
width: 100%;CSS クラスに追加するのを忘れました。
これを試して。私はそれがあなたを助けるかもしれないと思います
text-align:justify;