如何删除textarea中的额外空间

时间:2014-06-23 14:00:26

标签: html textarea whitespace

我有一个textarea显示来自" history"的一些数据。我的数据库中的列。 由于未知原因,在文本之前有近1.5行的额外空间。任何人都可以告诉我为什么会这样? 这是我的HTML文章:

<div>
  <table>
    <tr>
      <th > History:</th>
      <td>
        <textarea style="margin-left:90px";  name="history"cols="80"label="notes"rows="4"wrap="virtual"> 
        <?php echo $my_class->history;?></textarea>
      </td> 
    </tr>
  </table>
</div>

您可以在此处查看问题:enter image description here

5 个答案:

答案 0 :(得分:4)

我知道它很晚但可能会帮助别人。

在需要文档缩进时使用它。

$('document').ready(function()
{
    $('textarea').each(function(){
            $(this).val($(this).val().trim());
        }
    );
});

Same Question : https://stackoverflow.com/a/44773825/3775083

答案 1 :(得分:3)

将这一切放在一行以解决此问题。请按照这样的方式编写代码。

<textarea style="margin-left:90px";name="history"cols="80"label="notes"rows="4"wrap="virtual"><?php echo $my_class->history;?></textarea>

答案 2 :(得分:2)

只需将你的php打开标签放在textarea关闭标签之后。不要使用换行符。并且之前完全关闭php(正如你所做的那样)..这将擦除所有的空格..

答案 3 :(得分:1)

$('textarea').val($('textarea').val().trim()) 这为我做了工作。

答案 4 :(得分:0)

我遇到了同样的问题,但是我找到了这个问题的答案。当您在另一行或换行的textarea之间编写php代码时,就会出现此问题

要解决此问题,请在一行中编写php代码和textarea

<div>
  <table>
    <tr>
      <th > History:</th>
      <td>
        **<textarea name="history"cols="80" label="notes"rows="4" wrap="virtual"><?php echo $my_class->history;?></textarea>**
      </td> 
    </tr>
  </table>
</div>