html - Firefox 在其他浏览器中的字符串中断行为？

Question

我有一个没有空格但带有斜杠的长字符串，我想将其显示在表格单元格中。

Firefox 在行尾的斜杠前添加分隔符。其他浏览器只会在我添加时破坏字符串

td {    
    word-break: break-all;
}

到我的 CSS。

火狐:

Chrome

带分词功能的 Chrome

是否有任何 CSS 属性可以在 Chrome 等中获得 firefox 的行为？

您可以在此处找到演示:http://jsfiddle.net/rM9Dx/2/embedded/result/

Answer 1

您好，现在您可以使用this word-wrap:break-word;

像这样

CSS

  div {
    width: 400px;
    border: 1px solid red;
}
.wrap{
    word-wrap:break-word;
  width:200px;
  border:solid 3px green;
}

HTML

<div>
<table>
    <tr>
        <td>description:<td>
        <td><div  class="wrap">431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K431121251K
          </div></td>
    </tr>
</table>
</div>

现场演示 http://tinkerbin.com/6uNnlfow

更多信息 http://www.css3.info/preview/word-wrap/