divの水平方向のセンタリングは、マージン - 左右のauto、width、またはmax-widthと共に行うことができますが、min-widthではできません。昔

Question

max-widthとmin-widthを持つ前に、我々はdivが水平方向の中央されるため、autoにmargin-leftとmargin-rightとともに、auto以外の値にwidthを設定する必要があります。

は今、私たちはmax-widthとmin-widthを持っていることを、我々はまた、水平方向にnone以外の値にmax-widthがそれを中心に設定することができますか？それのための仕様はありますか？

P. divは幅全体にまたがるので、左右のマージンが両方とも0であることを除いて、水平にセンタリングされていると考えることができるため、水平方向のセンタリング効果はありません。

例：

width：https://jsfiddle.net/dtr7t4z7/1/
max-width：https://jsfiddle.net/dtr7t4z7/2/とhttps://jsfiddle.net/dtr7t4z7/3/
min-width：あなたは本当に最小幅を必要とする場合はhttps://jsfiddle.net/dtr7t4z7/4/

Answer 1

https://jsfiddle.net/ehnvy1xz/5/

body{ 
    display:flex; 
    justify-content:center; 
} 
#line { 
    text-align:center; 
    background: yellow; 
    min-width: 200px; 
} 

。私は親ディビジョンでフレックスを使用し、代わりにそのようにセンタリングすることをお勧めします。

Answer 2

margin: autoは、残りのスペースを両側に均等に塗りつぶします。 widthまたはmax-widthが指定されていない場合、divはできるだけ多くの水平スペースを占有します。 divはコンテナの全幅であるため、min-widthが指定された場合、margin: autoが配信されるためのスペースはありません。