How to Center in CSS

Re:How to Center in CSS by chubs on Sunday April 19, 2015 @08:02PM (#9405409)

Wow CSS is unfriendly, you really realise how poor it is once you learn other layout systems (android's XML and iOS auto layout, etc).

Wish there was another standard that could co-exist side by side on the web, something simple enough to be implemented reliably by the browser vendors.

[ Parent | on HN ]

Re:How to Center in CSS by pcwalton on Sunday April 19, 2015 @08:07PM (#9405428)

> Wish there was another standard that could co-exist side by side on the web, something simple enough to be implemented reliably by the browser vendors.

That standard exists. It's called flexbox. It was designed to solve exactly this problem (among many others), and does.

That said, as I never tire of mentioning, vertical centering was a part of the design of CSS 2.1. The technique is called "absolute centering". See CSS 2.1 10.6.4 [1]: "If both 'margin-top' and 'margin-bottom' are 'auto', solve the equation under the extra constraint that the two margins get equal values."

[1]: http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-hei...

[ Parent | on HN ]

Re:How to Center in CSS by angersock on Monday April 20, 2015 @12:52AM (#9406244)

But then what happened to it?

wtf?

do...do they know...how many manhours could've been saved...?

[ Parent | on HN ]

Re:How to Center in CSS by AustinG08 on Monday April 20, 2015 @12:59AM (#9406259)

Nothing happened to it. It gets used by front-end developers every single day. I personally can't follow the CSS complaints. It is easier to learn than any other front-end dev language in one's toolkit.

[ Parent | on HN ]

Re:How to Center in CSS by pcwalton on Monday April 20, 2015 @12:57AM (#9406257)

Yeah, everyone did a really bad job of evangelizing absolute centering back in the day, leading to lots of angry Web developers and awful hacks like the inline-block/vertical-align trick. It should have been the first example given for "position: absolute"…

[ Parent | on HN ]

Re:How to Center in CSS by WalterGR on Sunday April 19, 2015 @09:23PM (#9405656)

How do Android's XML and iOS's auto layout compare to Microsoft's WPF? I used the latter around 10 years ago and found it pretty nice.

[ Parent | on HN ]

Re:How to Center in CSS by MichaelGG on Sunday April 19, 2015 @11:05PM (#9405924)

Exactly. I haven't done HTML layout since circa 2000. I tried WPF about 8-9 years ago and well, it was just simple to get layouts right. I'm sure there's some reasonable reason for it, I just don't understand why browsers couldn't do similar, or just rip off WPF.

[ Parent | on HN ]

Re:How to Center in CSS by constant_change on Sunday April 19, 2015 @09:27PM (#9405668)

I haven't used WPF in about that time myself, but Android's XML is a roughly similar experience. No idea about iOS's auto layout.

[ Parent | on HN ]

Re:How to Center in CSS by jekrb on Sunday April 19, 2015 @08:25PM (#9405482)

I've heard that android's XML layout is terrible (from an android developer) and that iOS auto layout is borderline magic (from an iOS developer).

Personally, I don't find css to be that bad at all, but I work in it at least a little everyday so it might just be stockholm syndrome.

[ Parent | on HN ]

Re:How to Center in CSS by 21echoes on Monday April 20, 2015 @01:26AM (#9406330)

as someone who's done both (and web) -- Android's XML layout is easily the best of Android, iOS, and web, while iOS's AutoLayout is a complete mess that basically only works because there are still so few iOS screen sizes. Android coding in general is a pain compared to iOS, but they definitely got the declarative layout system right.

[ Parent | on HN ]

Re:How to Center in CSS by gurkendoktor on Monday April 20, 2015 @05:08AM (#9406879)

iOS developer here. AutoLayout is definitely not borderline magic, and some people hate it.

It is inefficient. It is awkward to set up in code, so many people write their own syntactic sugar around it. It crashes hard when it isn't 100% sure what to do with its constraints. Working with multi-line text is still a pain, so you often run into clipped text on iOS if you dare to increase the font size. etc.

[ Parent | on HN ]

Re:How to Center in CSS by gurkendoktor on Tuesday April 21, 2015 @03:47AM (#9412713)

Anonymous downvoters, AutoLayout may work great for you, but it is definitely controversial among iOS developers (more so than e.g. ARC). Nothing wrong with pointing that out.

[ Parent | on HN ]

Re:How to Center in CSS by jekrb on Monday April 20, 2015 @06:50AM (#9407169)

Hey thanks for the reply. I don't work on mobile apps at all, so I really wasn't aware. It's definitely interesting to see your point of view,

[ Parent | on HN ]