为什么文本区域充满神秘的空白?

我有一个简单的文本区域，像这样的形式:

<textarea style="width:350px; height:80px;" cols="42" rows="5" name="sitelink">
    <?php if($siteLink_val) echo $siteLink_val; ?> 
</textarea>

我一直在这个文本区域得到额外的空白。当我tab到它，我的光标就像在文本区域的中间，而不是在开始?怎么解释呢?

当前回答

一个对我有效的解决方案是添加样式空白:normal;到文本区域，因为有时消除所有的空白是不可行的(例如，当你想让你的代码遵守你的编码准则，需要添加制表符，空格和换行符)

请注意，默认的文本区域，至少在chrome是: 空白:pre-wrap;

其他回答

仔细查看您的代码。其中，已经有三个换行符，在</textarea>之前有大量的空白。首先删除这些标签，这样标签之间就不再有换行符了。这可能已经奏效了。

打开(并关闭!)你的PHP标签的前后，你的textarea标签:

<textarea style="width:350px; height:80px;" cols="42" rows="5" name="sitelink"><?php
  if($siteLink_val) echo $siteLink_val;
?></textarea>

我也遇到了同样的问题，解决方法很简单:不要开始新的路线!虽然前面的一些答案可以解决这个问题，但其思想没有阐述清楚。重要的理解是，为了消除意外的空格，永远不要在开始标记之后开始新行。

下面的方法是错误的，会在你的文本内容之前留下很多不必要的空格:

 <textarea>
    text content // start with a new line will leave a lot of unwanted spaces
 </textarea>

正确的做法是:

 <textarea>text content //put text content right after your start tag, no new line
 </textarea>

请注意，默认的文本区域，至少在chrome是: 空白:pre-wrap;

由于标签中存在真实的空间，文本区域显示出神秘的空间。<文本区域 > < php吗?echo $ var;?> </ textarea > 删除标签之间的这些额外的空格后，问题将得到解决，如下所示。< textarea > < php吗?echo $ var;? > < / >文本区域

推荐文章