3

テキストが行の途中で垂直方向に分割されるのを防ぐ css/js マジックがあるかどうか疑問に思っていました。以下の例では、overflow:hidden を使用しています。テキストは静的ではありません...ユーザーが入力したリッチテキストであるため、書式設定を制御できません。

テキストの 3 行目は途中で切り取られます

私はそれを次のようにしたいと思います:

ここに画像の説明を入力

4

2 に答える 2

2

考えられる解決策の例を次に示します。

.dataTable td {
  /* essential */
  text-overflow: ellipsis;
  width: 200px;
  white-space: nowrap;
  overflow: hidden;

  /* for good looks */
  padding: 10px;
}

http://davidwalsh.name/css-ellipsis経由

解決例: http://jsfiddle.net/4Fpq2/

これは、少なくとも出発点を提供する必要があります。

また、考えられる追加の解決策を次に示します。

于 2012-12-16T17:07:59.583 に答える