Comments on: display

By: Linux User

Linux User — Mon, 17 Aug 2020 19:18:20 +0000

A word of advice check with caniuse.com to see how well it is supported before even starting! Another thought how old of browsers for desktop/mobile are you going to support?

For Grids I like blocks, inline-blocks, tables, table-cells; just keep it simple folks — Don’t make it complex. I also prefer div/span elements to article/section order confusion and the SEO Snake-Oil Gimmicks that don’t improve your rankings one bit!!! I was suckered into it… Now — I know better!

It’s just simpler to div-in and start spanning around 8} All puns intended

As always my the % be w/ u always.
Hey fellow graphic designers… did u know “Points & Picas” are still supported? Think of all the phun we can have w/ web developers ;}

By: Ari Leo Frankel

Ari Leo Frankel — Mon, 22 Jun 2020 13:20:21 +0000

Thanks for this lovely resource! I used it as a quick reference before a coding interview

By: Ravi Solanki

Ravi Solanki — Thu, 18 Apr 2019 05:04:53 +0000

In reply to Lena.

i have thought in my mind that people who work(doing job) don’t need any reference(they know all the things very well) but i think i am wrong. plz tell me about how do you use this reference at work and solve problems.
it will be helpful for beginners like me.
thank you…

By: David Mead

David Mead — Wed, 04 Apr 2018 01:30:44 +0000

In reply to Mitra mirshafiee. You have a space between '280' and 'px'. Get rid of that and all your paragraphs will only by 280px wide :-)

By: Mitra mirshafiee

Mitra mirshafiee — Thu, 27 Jul 2017 05:13:48 +0000

Hi! I have a little question in display values. Why doesn't my paragraph get the total space and width of a page when i write it like this in CSS?

p
{Display:block;
Width:280 px;
}

Although when i write a div like this it will get the whole width of the page. Please hepl me if u can!tnx in advance

By: Tony Brix

Tony Brix — Mon, 15 May 2017 20:45:04 +0000

You don’t mention being able to use two keywords as in display: inline flex; instead of display: inline-flex;

https://drafts.csswg.org/css-display/#legacy-display

By: Gowtham

Gowtham — Sat, 28 May 2016 19:11:22 +0000

Great article!,CSS-tricks is the first site I look for help and It does not disappoint.

By: Amin Yusuf

Amin Yusuf — Fri, 27 May 2016 07:00:37 +0000

Thanksfull CSS-TRICK

By: ParmesanPangolin

ParmesanPangolin — Mon, 07 Mar 2016 09:57:33 +0000

In reply to Nitin Gautam. You have to set specifically set the word-wrap property for the table (doesn't matter where as long as it's above the element you want to wrap)

By: mehdi

mehdi — Mon, 16 Nov 2015 11:30:15 +0000

that was excellent, thank you very much

By: block

block — Thu, 05 Nov 2015 04:22:20 +0000

it is very help bull

By: parveen

parveen — Wed, 07 Oct 2015 11:07:08 +0000

funny

By: parveen

parveen — Wed, 07 Oct 2015 11:06:20 +0000

good after noon

By: Fadu

Fadu — Sun, 23 Aug 2015 16:45:39 +0000

Hi there! lets go deeper… when trying to mix the Display property whith for example, Position or Float. are there some tricks to have in mind? Thank you guys!

By: daGo

daGo — Thu, 21 May 2015 17:56:50 +0000

Hi Geeks! Anybody know where I can found clear explanation about exact behavior (I know that isn’t margin collapse but very similar and I know how it works, but only by practice) inline-blocks elements in my simple example? http://codepen.io/dagolinuxoid/pen/yNazKM