0

テーブルのセル内にテキストを入力したいのですが、データは次のようなものです

object1 -> object2 -> object3 ....................-> objectn

オブジェクトの数でセルサイズを大きくしたくありません。代わりに、セルで適切にラップしたいと思います。

この目的のためにこの .css スニペットを使用しています

.cellbreak {
  max-width: 300px;
  white-space: normal; /* css-3 */
  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
  overflow: hidden;
  display: inline-block;
}

しかし問題は、私のテキストが何の意味もなく壊れていることです。つまり、私の出力はこのようなものです

object1 -> object2 -> obje
ct3 -> object4 ->object5 -
> object6 -> object7 ->obj
ect

しかし、私は自分の出力をこのようにしたい

object1 -> object2 -> object3 ->
object4 -> object5 -> object6 ->

望ましい出力が得られるように css を変更する方法。

注：スタックオーバーフローですでにいくつかの投稿を見ましたが、私の問題に関連するものは何も得られません。

前もって感謝します

4

4 に答える 4

0

CSS から空白、ワード フロー、およびオーバーフロー ステートメントをすべて削除します。期待どおりの動作をしていないためです。オブジェクト名と「->」の間のスペースを に置き換えるだけです。.

例えば

object1 -> object2 -> object3 -> object4 -> object5 -> object6 ->

  壊れないことを意味する、壊れない空白文字です。

ここに例があります。

于 2013-08-20T18:33:49.963 に答える