0

以下のように、テーブル行内にある入力フィールド内に長いテキストがあります

<tr>
  <td><input type="text" disabled="" value="John Doe" id="firstName" name="firstName"></td>
  <td><input type="text" disabled="" value="test" id="custom2" name="custom2"></td>
  <td class="tdthree"><input type="text" disabled="" value="Testing Very Bog Client Name to see How long Before This will  Break . testing Test test test tesyTesting Very Bog aa" id="custom3" name="custom3"></td>
  <td><input type="text" disabled="" value="09-09-1978" id="custom4" name="custom4"></td>
  <td><input type="text" disabled="" value="Tes387314" id="custom1" name="custom1"></td>
</tr>

tdthree td のテキストが td 幅よりも長い場合、複数行に折り返す必要があります。Google で検索していますが、クロス ブラウザー (IE7+) ソリューションが見つからないようです。何か案は？

4

6 に答える 6

3

これを行う必要はinputありません。単にこれtextareaを行うために使用できます

于 2013-09-11T11:02:32.213 に答える
0

入力ボックスに適用できる CSS プロパティがあります

テキストオーバーフロー: 省略記号;

ここで参照できます。

于 2013-09-11T11:02:53.773 に答える
0

を持つ CSS クラスを使用しますword-wrap: break-word;。これにより、長い単語が のサイズに分割されます<td>。

于 2013-09-11T10:56:40.927 に答える
0

これは を使用しwordwrapて実行できます。これにより、長い単語を分割して次の行に折り返すことができます。

.tdthree {
    word-wrap:break-word;
}

内に改行を追加することはできませんtextboxが、試してみることはできますtextarea。

于 2013-09-11T10:57:01.130 に答える
0

空白を使用: 通常; それは問題を解決します

于 2016-07-08T03:41:57.697 に答える