0

テーブルセルに表示したい、スペースなしのスラッシュ付きの長い文字列があります。

Firefox は、行末のスラッシュの前に改行を追加します。他のブラウザは、追加した場合にのみ文字列を分割します

td {    
    word-break: break-all;
}

私のCSSに。

ファイアフォックス:

スクリーンショット ファイアフォックス

クロム

スクリーンショットクローム

単語区切り付きのクロム

単語区切り付きのスクリーンショットクロム

ChromeなどでFirefoxの動作を取得するためのCSSプロパティはありますか?

ここでデモを見つけることができます: 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 に答える