Difference between display none and display block

html css styling
iJade picture iJade · Dec 26, 2012 · Viewed 66.4k times · Source

What is the difference between setting a control's style display: none and display: block?

Answer

Adil picture Adil · Dec 26, 2012

The display property defines how a certain HTML element should be displayed. Display block and none are used to show or hide html elements. You can read more about display property and available options here.

  • none: The element will not be displayed at all.

  • block: The element displayed as a block-level element (like paragraphs and headers)

Related questions

Horizontal scroll on overflow of table

I have a basic table in a container. The table will have about 25 columns. I am trying to add a horizontal scroll bar on overflow of the table and am having a really tough time. What is happening now, is …

Read More
Line break (like <br>) using only css

Is it possible in pure css, that is without adding additional html tags, to make a line break like <br>? I want the line break after the <h4> element, but not before: HTML <li> …

Read More
CSS or what? Forcing the text split into multiple lines

Forcing the text split into multiple lines when it reaches the maximum width of the #div. How can I do this? because, if I try to output data with 200 characters without spacing, I get the following: Result 1 (no spacing): aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa... …

Read More