How to Center in CSS (2015) • Hacker News Board

Re: How to Center in CSS (2015)

#71

Post by onion2k » Wed, May 20, 2020, 10:59 AM UTC

cosmotic wrote: post #52

RyanGoosling wrote: post #28

Earlier quoted context omitted.

It's time to learn flexbox

It's too bad flexbox isn't as easy to understand as box model; that puts the breaks on adoption, regardless of how well it handles the centering scenario.

Flexbox is far simpler than the box model.

Re: How to Center in CSS (2015)

#72

Post by [deleted] » Wed, May 20, 2020, 3:59 PM UTC

c-smile wrote: post #50

12 years ago at W3C styles I've proposed to solve it as simple as this: .in-the-middle { width:max-content; height:auto; margin:*; // "coils" on all sides moving it // to the middle of free space in container } So these tons of tools, essays and doctoral dissertations on "how to center stuff" would not be needed. Here is the story: https://terrainformatica.com/2018/12/11/10-years-of-flexboxi...

[deleted]

Re: How to Center in CSS (2015)

#73

Post by blauditore » Wed, May 20, 2020, 4:51 PM UTC

growt wrote: post #68

blauditore wrote: post #31

Earlier quoted context omitted.

I've been doing HTML for ~10 years and have never seen this before. Apparently, it was deprecated with HTML4 already, though I'm not sure why.

Now I feel old. On the other hand, apparently I'm doing HTML for >20 years. Let me tell you about blink and marquee ... ;)

For some reasons, I've encountered those before. :)

Re: How to Center in CSS (2015)

#74

Post by dirtnugget » Thu, May 21, 2020, 10:36 AM UTC

cosmotic wrote: post #52

RyanGoosling wrote: post #28

Earlier quoted context omitted.

It's time to learn flexbox

It's too bad flexbox isn't as easy to understand as box model; that puts the breaks on adoption, regardless of how well it handles the centering scenario.

Box Model is a living mess