スパンとdivの要素が中央にならず、マージントップ/ボトムは機能しません。

Question

これは問題が多く発生するため、通常は別の方法では機能しないさまざまな方法で解決します。オブジェクトを中央に普遍的な方法があった場合、私は思っていた：私が試した

<div> 
    <span>content</span> 
    <span> content</span> 
    <span>content </span> 
    <span> content </span> 
    <span>content</span> 
    <span>content</span> 
</div> 

方法はこれで動作するようには思えないmargin-left:auto; margin-right:auto;です。私はmargin-left:Xpx;を試しました。以前のプロジェクトで働いていた方法の1つはdisplay:inline-blockとdisplay:table-cellでしたが、それ以外のときは機能しません。私はdivとspanの両方にこれらの "修正"を適用しようとしました。

もう1つの問題は、このインスタンスではmargin-topとmargin-bottomのスタイルを変更できないということです。

投稿を短くするには：divを中央に置き、スパンの上端または下端をマージンにします。私は間違って何をしているのですか？誰かがそれに概念的側面を説明することができますか？その後、デフォルトでブロック、あなたがそれに幅を与える必要があります。表示されるのdivを、中央にあなた

Answer 1

ありがとう：スパン用として「マージン0オート」

。それらはデフォルトでは表示されています：インラインで、私が知っている範囲でマージンを受け入れません。代わりにパディングを使用することができます。あなたがしようとしていること、本当にそれに依存します。

display：インラインブロックは、一部のブラウザでのみ動作します。