What s the difference between nbsp and

Question

Both of them mean space  but is there any difference

User · Answer

amp nbsp  should be handled as a whitespace    amp nbsp  amp nbsp  should be handled as two whitespaces      can be handled as a non interesting whitespace            can be handled as a single

User · Answer

The first is not treated as white space by the HTML parser  the second is  As a result the      is not guaranteed to showup within certain HTML markup  while the non breakable space will always show up

User · Answer

In addition to the other answers here  non-breaking spaces will not be  quot collapsed quot  like regular spaces will  For example   x000D   x000D   lt  -- Both -- gt   lt p gt Word1          Word2 lt  p gt   lt  -- and -- gt   lt p gt Word1 Word2 lt  p gt   lt  -- will render the same on any browser -- gt   lt  -- While the below one will keep the spaces when rendered  -- gt   lt p gt Word1 amp nbsp  amp nbsp  amp nbsp  amp nbsp  amp nbsp  amp nbsp Word2 lt  p gt  x000D   x000D   x000D

User · Answer

One is non-breaking space and the other is a regular space  A non-breaking space means that the line should not be wrapped at that point  just like it wouldn   t be wrapped in the middle of a word   Furthermore as Svend points out in his comment  non-breaking spaces are not collapsed

User · Answer

When having line-breaks  the line will not break when you use an  bnsp  because it s a  non-breaking space   This can be important if you have certain product-names or such  that always shall be written together   Can be interesting if you  have to  use a whitespace as delimiter in numbers  like 12344567  that is displayed 12  344  567 in France  Without the  nbsp  the line would break in the middle of the number  very ugly  Test 12 344 567

User · Answer

amp nbsp  is stackable  meaning you can create multiple spaces all together    HTML will only parse one space    and it drops the rest      If you want five spaces  you would place 5 x  amp nbsp

User · Answer

Not an answer as much as examples     Example  1     lt div style  width 45px  height 45px  border  solid thin red  overflow  visible  gt      Hello amp nbsp There  lt  div gt      Example  2    lt div style  width 45px  height 45px  border  solid thin red  overflow  visible  gt      Hello There  lt  div gt    And link to the fiddle

User · Answer

You can see a working example here   http   codepen io anon pen GJzBxo  and  http   codepen io anon pen LVqBQo  Same div  same text  different  spaces    lt div style  width  500px  background  red  gt   loooong text with spaces  lt  div gt    vs   lt div style  width  500px  background  red  gt   loooong text with  amp nbsp   lt  div gt

User · Answer

Zoidberg is right   example    lt h1 gt title lt  h1 gt   lt h2 gt date lt  h2 gt    will not display space between header markup  with    amp  nbsp      will do space

User · Answer

TLDR  In addition to the accepted answer  One is implicit and one is explicit   When the HTML you ve written or had generated by an application library framework is read by your browser it will do it s best to interpret what your HTML meant  which can vary from browser to browser    When you use the HTML entity codes  you are being more specific to the browser  You are explicitly telling it you wish to display a character to the user  and not that you are just spacing your HTML for easier readability for the developer for instance    To be more concrete  if the output HTML were    lt html gt      lt title gt hello lt  title gt      lt body gt          lt p gt             Tell me and I will forget  Teach me and I            may remember   Involve me and I will learn          lt  p gt      lt  body gt   lt  html gt    The browser would only render one space between all of these words  even the ones that have been indented for better developer readability   If  however  you put the same thing and only changed the  lt p gt  tag to    lt p gt Hello amp nbsp  amp nbsp  amp nbsp There lt  p gt    Then it would render the spaces  as you ve instructed it more explicitly  There is some history of using these spaces for styling  This use has somewhat been diminished as CSS has matured  However  there are still valid uses for many of the HTML character entities  avoiding unexpectedly unintentionally interpretation  e g  if you wanted to display code   The w3 has a great page to show the other character codes

User · Answer

The entity  amp nbsp  produces a non-breaking space  which is used when you don t want an automatic line break at that position  The regular space has the character code 32  while the non-breaking space has the character code 160   For example when you display numbers with space as thousands separator  1 234 567  then you use non-breaking spaces so that the number can t be split on separate lines  If you display currency and there is a space between the amount and the currency  42 SEK  then you use a non-breaking space so that you don t get the amount on one line and the currency on the next

User · Answer

Multiple normal white space characters  space  tabulator and line break  are treated as one single white space character      For all HTML elements except PRE  sequences of white space separate  words   we use the term  word  here to mean  sequences of non-white space characters    When formatting text  user agents should identify these words and lay them out according to the conventions of the particular written language  script  and target medium    So  foo    bar   is displayed as  foo bar   But no-break space is always displayed  So  foo amp  nbsp  amp  nbsp  amp  nbsp bar   is displayed as  foo   bar

User · Answer

As already mentioned  you will not receive a line break where there is a  no-break space    Also be wary  that elements containing only a     may show up incorrectly  where  amp nbsp  will work  In i e  6 at least  as far as I remember  IE7 has the same issue   if you have an empty table element  it will not apply styling  for example borders  to the element  if there is no content  or only white space  So the following will not be rendered with borders    lt td gt  lt  td gt   lt td gt   lt td gt    Whereas the borders will show up in this example    lt td gt  amp  nbsp  lt  td gt    Hmm -had to put in a dummy space to get it to render correctly here

[html] What's the difference between " " and " "?

Examples related to html

[html] What's the difference between "&nbsp;" and " "?

Examples related to html

[html] What's the difference between " " and " "?