td中input框实现不了自动换行怎么办

我想要在拼接的列表中实现自动换行,但是input框中我试了各种办法都不能换行,最后找到了一种方法:

把td中css样式加上属性white-space:normal;word-wrap:break-word; word-break:break-all,再去掉input标签,直接将文

本放在td文本中,下边以我自己的代码为例

 

不生效的代码:

<td><input type='text' value='测试测试测试测试测试' style='white-space:normal;word-wrap:break-word;word-break:break-all' readonly/></td>

改生效后的代码:

<td style='white-space:normal;word-wrap:break-word;word-break:break-all'>测试测试测试测试测试测试测试</td>

实现效果如下图:

 

posted @ 2022-04-22 15:05  大美银儿  阅读(955)  评论(0)    收藏  举报