Html 在<；中正确显示长文本；td>；但不在<；输入类型="；“文本”&燃气轮机；

我有一个显示数据库信息的表。 问题是，如果我在

中显示一个长文本，那么它会正确显示，并且单元格会根据大小展开，但是当相同的文本显示在输入标记中时，单元格和输入都不会展开以容纳整个文本

我曾尝试设置

width=“100%”

它会稍微扩展文本，但我仍然必须沿文本框滚动才能看到其余文本

这是一个例子

 <table cellspacing="8" cellpadding="2" border="0" bgcolor="#00eeee">
   .
   .
  <tr>
     <td>HELLO THIS IS ME INSIDE THIS CELL</td>

    .
    .
    .

     <td><input type="text" name="myname" style="width:100%; border: 0; background: transparent; text-align: center;" value="HELLO THIS IS ME INSIDE THIS CELL"/>
      </td>
   </tr>

  </table>

编辑

我已经遇到了这个问题。这是关于

之外的文本溢出，但我的是关于输入元素的文本隐藏

将输入和表格的宽度设置为100%可以解决此问题。但是，我不想设置table width=“100%”，因为它妨碍了我的UI设计。另外，

对该特定列进行了调整，但我不想手动设置，应该自动设置

因此，如果有任何方法可以根据输入元素内容自动调整td的大小，那么这肯定会奏效。所以请帮帮我

---

谢谢

尝试为您的桌子设置100%的宽度。同时设置

的宽度

<table cellspacing="8" cellpadding="2" border="0" bgcolor="#00eeee" style="width:100%">

这是代码和密码

HTML

---

按照以下方式修改样式：style=“边框：0；宽度：100%；背景：透明；文本对齐：居中；”

检查这些小提琴，一个固定

td

宽度，另一个不固定。及

编辑

---

尝试使用textarea而不是input-

尝试用这种方法解决此问题，但这不是正确的方法

I will try to fulfil :)

---

style=“border:0；width=“100%”背景：透明；文本对齐：居中；“？如果使用多列，请设置td宽度，然后将输入拉伸到100%@ASR td会根据文本宽度自动展开，但即使将输入宽度设置为100%，输入也不会展开。td的宽度会根据内容自动设置，因此，如果我将其增加一个特定的列宽度，则其他列的宽度将受到影响。可能会重复@geeksal check my answer设置td的宽度手动解决问题，但应该自动完成。因此，如果你能升级你的答案，那将非常有帮助。两个文本都在同一行。是的，它适用于两列，但不适用于五列或更多列。查看有关我得到的输出的问题。我试过你的解决办法，但没有用。唯一有效的方法是手动设置td的宽度，这应该自动完成，因为数据是从数据库中提取的，我不知道它的长度。@geeksal在这种情况下，你不认为如果文本长度为1000个字符，它会破坏你的UI吗？我想你应该选textarea，它不是1000个字符长。不超过50个字符。另外，我不想将表格宽度设置为100%，因为它应该自动展开和收缩。这不是问题，列仅为5。所以，只要了解如何自动调整td的大小，我希望表格和单元格的宽度都是自动的。输入宽度=100%有帮助，但如果表格宽度未设置为100%，则td不会自动调整大小。我认为，如果没有td的固定宽度，您无法实现这一点。如果您可以自由使用textarea而不是input，那么这将有所帮助-在搜索数小时后，我发现该表无法按我的预期工作。因此，唯一的解决方案是使用textarea。我已经修改了您的代码，请参见：-这将产生预期的结果。谢谢你的帮助。

<table cellspacing="8" cellpadding="2">
    <tr>
     <td>HELLO THIS IS ME INSIDE THIS CELL</td>
     <td style="width:100%">
         <input type="text" name="myname"  value="HELLO THIS IS ME INSIDE THIS CELL" size="50"/>
      </td>
        <td>HELLO THIS IS ME INSIDE THIS CELL</td>
   </tr>

  </table>

table{
    width: 100%;
    background-color:#00eeee;
    border:0;
    display:block;
    overflow:auto;
}

input{
    width:initial; 
    background: transparent; 
    text-align: center;
    border: 0; 
}

I will try to fulfil :)