在html中打破图像周围的长数字（没有空格）

Question

我试图打破图像周围的长号111111111111111111112222222222222222222222333333333333333333344444444444444444445555555555555555，但这不对。

请查看下面的html。

<td valign="top" colspan='1' style="width:1120px; word-break:break-all;">
  <img src="file://#step_image" width="140" style="float: right"/>
  111111111111111111112222222222222222222222333333333333333333344444444444444444445555555555555555
</td>

结果是这样的：

为什么里面有空间？

Answer 1

你可以使用css打破工作： -

word-wrap:break-word;

试试这个。

Answer 2

非常有趣的问题。 Unicode指定中断不应发生在数字中：http://www.unicode.org/reports/tr14/

此处在webkit错误报告中对此进行了更多讨论：https://bugs.webkit.org/show_bug.cgi?id=108347#c22

所以我认为答案是CSS显然不支持你想要的东西，因为Unicode说它不应该。我过去曾遇到过非常相似的限制。在这种情况下，我必须解析字符串以在所有字符之间插入Zero-width space。如果您能够修改数字字符串，那将对您有用。

当您设置word-wrap:break-word并添加零宽度空格时，您会得到：

（也许总有一天他们会添加自动换行：打破-ALL-i-am-serious！，但我不会屏住呼吸。）

Answer 3

它需要是一个表格单元吗？

 <p><img align="right" src="#" /> All of your text here..............................</p>