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>

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

4

6 回答 6

3

不input会这样做，您可以简单地使用textarea为您执行此操作

于 2013-09-11T11:02:32.213 回答
0

I would suggest you use word-break: break-word; for your td element.

于 2013-11-05T19:22:03.910 回答
0

使用具有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

有一个 CSS 属性可以应用于输入框

文本溢出：省略号；

你可以在这里参考。

于 2013-09-11T11:02:53.773 回答
0

使用空格：正常；这将解决问题

于 2016-07-08T03:41:57.697 回答