Question

也许这是不可能的，但我想知道是否有一种方法可以在断字前自动将连字符插入到长字符串的末尾而没有空格？这个jsfiddle证明了我遇到的问题。谢谢。

table {
        width:200px; 
        word-wrap:break-word;
        table-layout: fixed;
      }

<table>
  <td>Pneumonoultramicroscopicsilicovolcanoconiosis</td>
</table>

Answer 1

我认为你最好的选择是javascript解决方案。

css3中有一个hyphens属性，并没有完全符合您的要求（至少在所有浏览器中都没有）我想，但可能很有趣，你可以阅读它{{3 }} 要么 here
或者他们在这里讨论它并提及一个javascript插件 连字符：here

希望其中一些有用。

Answer 2

对于webkit浏览器，这应该有效：

table 
{
   width: 200px;
   word-break: break-word;
   -webkit-hyphens: auto;
}

这适用于iOS Chrome，但不适用于OS X Chrome。 This博客文章解释了其他浏览器的解决方案，但在OS X Chrome上它仍然无效。

那里显示的解决方案是：

table 
{
   -ms-word-break: break-all;
   word-break: break-all;

   // Non standard for webkit
   word-break: break-word;

   -webkit-hyphens: auto;
   -moz-hyphens: auto;
   hyphens: auto;
}

如果这在您需要的浏览器中不起作用，请查看hyphenator - 一个可以更好地完成您需要的JavaScript实用程序。

Answer 3

请看这个小提琴，可能会有效。

`http://jsfiddle.net/76qBy/`

在分词之前添加连字符

3 个答案: