87

 字符是不允许换行的空格。

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

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

与此相反的是什么？也就是说，一个不呈现为空格的字符，但可以用于换行。

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

|foo supercalifragi |
|listicexpiali      |
|docious bar        |

or with wider size:

|foo supercalifragilisticexpiali   |
|docious bar                       |

我知道软连字符字符，但出于我的目的，我特别不希望在休息时添加连字符。

4

6 回答 6

96

您需要 Unicode 字符零宽度空格 (\u200B)。

&#8203;您可以使用或以 HTML 格式获取它&#x200b;。

显式中断和非中断：

LB7：不要在空格或零宽度空格之前中断。
LB8 ：在零宽度空格之后的任何字符之前中断，即使有一个或多个空格介入。
http://unicode.org/reports/tr14/

于 2010-01-12T03:32:25.330 回答
38

还有一个鲜为人知的wbr 标签，它让浏览器决定是否换行。

于 2010-01-12T03:42:22.790 回答
16

在 quirksmode.org 上有一个很好的页面，它很好地回答了这个问题，恕我直言。http://www.quirksmode.org/oddsandends/wbr.html

简而言之：使用 <wbr /> 或 ​ （或 ­ 但你提到你不想要破折号）。

于 2010-01-12T04:15:23.737 回答
4

使用<wbr>。

于 2010-01-12T03:43:50.323 回答
2

您可以使用名为word-wrap 的CSS3 属性

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

希望能帮助到你！

于 2014-06-16T09:57:44.023 回答
-5

对此有很多讨论，但它或多或少已经成为使用标准&shy;

于 2010-09-14T21:38:43.523 回答