CODEWITHSUNDEEP
cssmargintext-justify
DevStarlight
DevStarlight

Reputation: 804

Centering with margin: 0 auto; vs. justify-content and flexbox

Doing some html horizontal center stuff, I just realized that I could use both things to center a box element into its parent, so my question is which of those 2 are better (in terms of performance, usability, etc).

Upvotes: 8

Views: 9182

Answers (2)

Aakash Sr
Aakash Sr

Reputation: 41

Because of the way margins are handled in flex, these do the same job.

But as a general practice, when you have more div's, using flex would do the job more accurately and will provide you choice for distributing the space equally". When you have few div' , you can go with margin:auto . Remember flexbox provides us the choice for redistributing the space.

Upvotes: 3

Gega Gagua
Gega Gagua

Reputation: 92

If you use div or p it's better to use margin: 0px auto; for containers or main page, But if you need two or more children to be centered, it's better to set parent to text-align:center and the children to display: inline-block.

Upvotes: 2

Related Questions