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

【问题标题】：Firefox' string break behavior in other browsers?Firefox 在其他浏览器中的字符串中断行为？
【发布时间】：2023-11-22 09:03:01
【问题描述】：

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

Firefox 在行尾的斜线之前添加中断。如果我添加其他浏览器只会破坏字符串

td {    
    word-break: break-all;
}

到我的 CSS。

火狐：

铬

带分词的 Chrome

是否有任何 CSS 属性来获取 Chrome 等中的 firefox 行为？

您可以在这里找到演示：http://jsfiddle.net/rM9Dx/2/embedded/result/

【问题讨论】：

标签： html css firefox break

【解决方案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

【讨论】：

感谢您的回答。在我的情况下，word-wrap:break-word 与word-break:break-all 完全相同。我需要在 /-characters 之前或之后换行