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

时间:2012-06-29 09:49:27

标签: html css firefox break

我有一个没有空格的长字符串,但是有斜杠,我希望在表格单元格中显示。

Firefox在行末尾的斜杠之前添加了中断。如果我添加

,其他浏览器只会破坏字符串
td {    
    word-break: break-all;
}

到我的CSS。

火狐:

screenshot firefox

screenshot chrome

Chrome with word-break

screenshot chrome with word-break

是否有任何CSS属性可以在Chrome等中获取firefox行为?

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

1 个答案:

答案 0 :(得分:0)

您好现在可以使用 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/