その含む要素内のHTML要素をセンタリングするための最良の方法は何ですか？

StackOverflow https://stackoverflow.com/questions/395484

  •  23-08-2019
  •  | 
  •  

質問

あなたが次のコードの塊を持っているとしましょう。

<div id="container">
  <someelement>This is any element.</someelement>
</div>

私はそれを含むdiv要素の中に水平に中央「someelement」に使うことができる最高のCSS何ですか？

役に立ちましたか？

解決

あなたの<someelement>はインライン要素（ディスプレイへのすなわちデフォルト：インライン）である場合に適用され、テキスト整列：そのコンテナに中心が。 <someelement>がある場合はブロック要素のセットは左右のマージンをautoにして（幅が明示的に述べられていない限り、すべての利用可能な水平方向のスペースを取るためにブロック要素のデフォルト）の幅を設定することを忘れないでください。 あなたはそれがあまりにもIE 5.5にし、下に仕事をしたい場合は、両方の方法を使用する必要があります。

他のヒント

JaredParは正しい考えを持っていますが、ここであなたが探しているものを行うためのクリーンな方法です;）

#container {
    text-align: center;
}

#container someelement {
    margin: 0 auto;
    text-align: left;
}

試してみてください。

<someelement style="margin-left:auto;margin-right:auto">This is any element</someelement>
ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top