What's the opposite of a nbsp?

HtmlCharacterLine BreaksHyphenation

Html Problem Overview

A   character is a space which doesn't allow for line breaking.

<p>lorem ipsum here&nbsp;are&nbsp;some&nbsp;words and so on</p>

| lorem ipsum                |
| here are some words and so |
| on                         |

What's the opposite of that? That is, a character which is NOT rendered as a space, but CAN be used for line breaking.

<p>foo supercalifragilisticexpialidocious bar</p>
<!--   put char here ^   and here ^ -->

|foo supercalifragi |
|listicexpiali      |
|docious bar        |

or with wider size:

|foo supercalifragilisticexpiali   |
|docious bar                       |

I'm aware of the soft-hyphen character, but for my purposes, I specifically do not want a hyphen added at the break.

Html Solutions

Solution 1 - Html

You want the unicode character ZERO-WIDTH SPACE (\u200B).

You can get it in HTML with &#8203; or &#x200b;.

> Explicit breaks and non-breaks: > > LB7 : Do not break before spaces or zero width space.
> LB8 : Break before any character following a zero-width space, even if one or more spaces intervene.
> http://unicode.org/reports/tr14/

Solution 2 - Html

There also is the little-known wbr tag, which lets the browser to decide whether to break the line or not.

Solution 3 - Html

There's a nice page over at quirksmode.org that answers this question quite nicely IMHO. http://www.quirksmode.org/oddsandends/wbr.html

In short: use <wbr /> or &#8203; (or &shy; but you mentioned you don't want the dash).

Solution 4 - Html

use <wbr>.

Solution 5 - Html

You can use CSS3 property called word-wrap

p.test {word-wrap:break-word;}

Hope it helps!

Solution 6 - Html

theres a lot of discussion about this but it has become more or less standard to use &shy;

Categories
Recommended Html Solutions
Recommended Character Solutions
Recommended Line Breaks Solutions
Recommended Hyphenation Solutions

Previous Solution:

C# developers learning Java, what are the biggest differences one may overlook?

C#Java

Next Solution:

Convert RGBA color to RGB

ImageColorsRgb

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionnickfView Question on Stackoverflow
Solution 1 - HtmlAnon.View Answer on Stackoverflow
Solution 2 - HtmlMatt HampelView Answer on Stackoverflow
Solution 3 - HtmlfreddenView Answer on Stackoverflow
Solution 4 - HtmljrharshathView Answer on Stackoverflow
Solution 5 - HtmlSwanidhiView Answer on Stackoverflow
Solution 6 - HtmlThe SurricanView Answer on Stackoverflow