在td内部传播文本

时间:2015-05-13 11:54:33

标签: css input html-table

我在td中有一个输入字段,如下所示:

enter image description here

该字段中的文字是:

  

"这是我现在的文字,但我看不到所有内容"

正如您所看到的,我只能看到文本的开头,如何在不改变td大小的情况下让文本框内的其余文本显示。 那么,也许可以超过3或4行?

目前CSS如下:

height:100px;
width:100% !important;
padding:0px;
overflow:hidden;

2 个答案:

答案 0 :(得分:-1)

您可能想要使用textarea而不是输入,类似于这个问题? Multiple lines of input in <input type="text" />

答案 1 :(得分:-1)

对于TD内部的输入,您将不得不使用textarea。另见this question/answer

white-space:pre是您在没有输入的情况下多次排列td时所需要的:

td { white-space:pre }

当然,如果你的td宽度太大以至于所有文本都适合内部而不需要破坏,这可能不起作用。

同时检查this问题。