Grow your CSS skills. Land your dream job.

Feeling dirty with display:table

  • # March 31, 2013 at 10:30 am

    How do you create dynamic multiple side-by-side boxes with equal height without JS?

    I’m falling more in love with display:table and its related display properties (table-row, table-cell). Feels dirty. Works perfectly. Still semantically pure, I think.

    I’m almost ready to announce that display:table and I are going steady, but I’m wondering if I’m getting into a relationship that will eventually end in tears.

    [Here’s typical use of display:table…](http://codepen.io/rkostin/pen/qDhrE “Typical use of display:table”)

    # April 1, 2013 at 5:20 am

    If you’re okay with the browser support, why not? At least till flexbox becomes *the* layout thingy. By the way you have 2 quarters in a row, should be 2 halves (though you don’t see the difference because tables tend to fill up their available space anyway)

    # April 1, 2013 at 9:49 am

    How CSS tables handle widths may be the regret I was afraid of. They don’t act as I would expect. I don’t see a lot of help/advice out there either regarding CSS tables.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".