0

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

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

td {    
    word-break: break-all;
}

到我的 CSS。

火狐：

截图火狐

铬合金

屏幕截图铬

带分词的 Chrome

带有分词的屏幕截图 chrome

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

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

4

1 回答 1

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/

于 2012-06-29T10:32:09.903 回答