列の内容を途中で切る方法は？

HTML

例えばtableタグでたくさん列があり、列の内容が非常に長く、折り返さずに途中で切って欲しいと言われた場合、みなさんはどうやって実装していますか？私は大体以下の3パターンでやっています(どれを使うかはその時の状況によりけり)

  1. サーバサイドで列の内容を切る。taglibを使用して内容を指定した長さに切ります。
  2. テキストボックス内に値を表示し、テキストボックスの背景色を、テーブルの背景色と同一に、ボーダーを非表示にして、途中で表示を切ります。見た目上は単なる文字列ですが、実はテキストボックスという事です。
  3. 折り返して2行になってもいいようにお客さんに確認してみる。

ちなみに固定的に文字列を切った場合、切った文字列をlabelタグで囲って、titleを指定します。そうするとマウスを乗せた時にツールチップテキストが出ます。


↑の部分にマウスカーソルを乗せてみてください。しばらくすると全文が表示されます。これ、imgタグのalt属性でしか設定できないと思う方も多いのですが、例えばASP.NETではlabelタグがよく使われています。