Question

我在输入字段内有一个长文本，位于表格行内，如下所示

<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>

如果长度超过td宽度，我需要tdthree td中的文本换行多行。我一直在谷歌搜索，但似乎无法找到一个跨浏览器（IE7 +）的解决方案。有什么想法吗？

Answer 1

input不会这样做您只需使用textarea为您执行此操作

Answer 2

使用具有word-wrap: break-word;的CSS类。这会将长单词分解为<td>。

的大小

Answer 3

这可以使用wordwrap完成，这允许长字能够破解并换行到下一行。

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

您无法在textbox内添加换行符，但可以尝试使用textarea。

Answer 4

有一个CSS属性，您可以将其应用于输入框

text-overflow：省略号;

您可以在此处reference。

Answer 5

我建议你使用word-break: break-word;作为你的td元素。

Answer 6

使用白色空间：正常;这将解决问题

将长行包装到表td的输入内的多行中

6 个答案: