0

votes

204 views

What is nbsp?

asked 2 years ago

279 points

3 answers

0

votes

nbsp stand for no break space. used in html with "&nbsp;" and browser will parse it as white space

added 2 years ago

45 points

0

votes

Also known as a fixed space or hard space, NBSP is short for Non-Breaking SPace and is used in programming, HTML, and word processing to create a space in a line that cannot be broken by word wrap on in the case of HTML create multiple spaces.

added 1 year ago

cher34

25 points

0

votes

What does the &nbsp; character mean?

The &nbsp; character is called a no-break space and it's a character entity. There are two situations where you may need to use a no-break space:

1. Keep elements together

If you want to put space between two elements, but the browser should not break up these two parts in separate lines then replace the ordinary space with a no-break space.

For example, you want to write this These are the results :
You would want to keep the ":" attached to the line and not let the browser render it on a separate line when there's no free space on the line. Without a no-break space it could show up like this:

These are the results
:

Replace the space before the semicolon with &nbsp; and the ":" will stick to the preceding word, so it will always look like this :

These are the results :

2. Create multiple spaces

The other use of this character is where you want to show multiple spaces in a text. Because normal spaces are collapsed to only one by the browser, no-break spaces are needed here:

These      spaces      will collapse,
but these&nbsp;&&nbsp;&nbsp;&nbsp;are&nbsp;&&nbsp;&nbsp;&nbsp;shown.

These spaces will collapse, but these    are    shown.

And this character can be used to create space between other elements then text, like images.

<p>
<h1 style="font-size: large; font-family: 'Times New Roman'; line-height: normal;">What does the &amp;nbsp; character mean?</h1>
<span style="font-family: 'Times New Roman'; line-height: normal; background-color: #e0d0c0; font-size: medium;">The &amp;nbsp; character is called a no-break space and it's a character entity. There are two situations where you may need to use a no-break space:</span>
<p style="font-family: 'Times New Roman'; line-height: normal; font-size: medium;">&nbsp;</p>
<h2 style="color: #664400; font-size: 18px; font-family: 'Times New Roman'; line-height: normal;">1. Keep elements together</h2>
<span style="font-family: 'Times New Roman'; line-height: normal; background-color: #e0d0c0; font-size: medium;">If you want to put space between two elements, but the browser should not break up these two parts in separate lines then replace the ordinary space with a no-break space.</span>
<p style="font-family: 'Times New Roman'; line-height: normal; font-size: medium;">For example, you want to write this&nbsp;<strong>These are the results :</strong><br />You would want to keep the ":" attached to the line and not let the browser render it on a separate line when there's no free space on the line. Without a no-break space it could show up like this:</p>
<p style="font-family: 'Times New Roman'; line-height: normal; font-size: medium;">
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr valign="top">
<td class="example" style="border: 1px solid #664400;" bgcolor="white"><strong>These are the results<br />:</strong></td>
</tr>
</tbody>
</table>
</p>
<p style="font-family: 'Times New Roman'; line-height: normal; font-size: medium;">Replace the space before the semicolon with &amp;nbsp; and the ":" will stick to the preceding word, so it will always look like this :</p>
<p style="font-family: 'Times New Roman'; line-height: normal; font-size: medium;">
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr valign="top">
<td class="example" style="border: 1px solid #664400;" bgcolor="white"><strong>These are the results&nbsp;:</strong></td>
</tr>
</tbody>
</table>
</p>
<p style="font-family: 'Times New Roman'; line-height: normal; font-size: medium;">&nbsp;</p>
<h2 style="color: #664400; font-size: 18px; font-family: 'Times New Roman'; line-height: normal;">2. Create multiple spaces</h2>
<span style="font-family: 'Times New Roman'; line-height: normal; background-color: #e0d0c0; font-size: medium;">The other use of this character is where you want to show multiple spaces in a text. Because normal spaces are collapsed to only one by the browser, no-break spaces are needed here:</span>
<p style="font-family: 'Times New Roman'; line-height: normal; font-size: medium;">
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
<td><img src="http://dimaroan.home.xs4all.nl/htl/example_source.gif" alt="Source" width="77" height="16" /></td>
</tr>
<tr>
<td class="source" style="background-color: #ffdd9d; border: 1px solid #664400;" bgcolor="#eeee88">These&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;spaces&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;will collapse,<br />but these&amp;nbsp;&amp;&amp;nbsp;&amp;nbsp;&amp;nbsp;are&amp;nbsp;&amp;&amp;nbsp;&amp;nbsp;&amp;nbsp;shown.</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td><img src="http://dimaroan.home.xs4all.nl/htl/example_result.gif" alt="Result" width="77" height="16" /></td>
</tr>
<tr>
<td class="example" style="border: 1px solid #664400;" bgcolor="white">These spaces will collapse, but these&nbsp;&nbsp;&nbsp;&nbsp;are&nbsp;&nbsp;&nbsp;&nbsp;shown.</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</tbody>
</table>
</p>
<p style="font-family: 'Times New Roman'; line-height: normal; font-size: medium;">And this character can be used to create space between other elements then text, like images.</p>
</p>

added 1 month ago

xeniamonica

10 points

Know the answer? Share it :-)

You need to be signed in to comment and answer questions.

Members can sign in here.

If you are new to Askables, please register for free.

Questions and Answers

You are viewing a question asked by one of our members.

You too can ask questions and get advice from experts, authors and bloggers.

Help
Community Guide
Copyright Policy
Terms of Service
Write for Askables

Askables.com aims to be the ultimate source of knowledge, answers and experts on the Internet. We have hand picked the best authors, bloggers and experts accross the globe. We like to think of them as "Knowledge Superheroes", there to save the day.

For bloggers, authors and experts, Askables provides an easy way to earn money from your knowledge and help people at the same time.

Despite our best efforts to keep everything you find here acurate and relevant, all articles, answers and other content is largely community generated and as such only and provided "as is" without warranties, representations, or guarantees of any kind. Content on Askables.com should never be used as a substitute for advice from a qualified professional. Unfortunately, Askables.com cannot be held liable for the accuracy, usefulness or availability of any content, and you agree to hold Askables.com harmless from any loss, harm, injury or damage resulting from use of or reliance on Askable content.

0

What is nbsp?

279 points

3 answers

0

45 points

0

25 points

0

What does the &amp;nbsp; character mean?

1. Keep elements together

2. Create multiple spaces

10 points

Know the answer? Share it :-)

Questions and Answers

Related Articles

5

5

4

3

3

3

3

3

3

3

3

3

2

2

2

2

2

2

2

1

About us

Stuff to know

Saving please wait.

Feedback and Support

Type of feedback

Message

Your feedback has been subitted.

An Askables Team member will get back to you soon.

Thanks for your feedback.

You must verify your email address to do that.

What does the   character mean?