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

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

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

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

当前回答

除了这样做:

之前:

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

后:

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

我也添加了PHP的trim()方法:

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

其他回答

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

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

此外，当你说光标是在“中间”的文本区域，这让我认为你也可以有额外的填充或文本对齐:中心定义在你的CSS某处。

请确保后面没有换行符或空格，这是为了确保没有空格或制表符，只需复制并粘贴此代码:)我已经为您修复了它

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

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

为了让它看起来更简洁，可以考虑使用三元操作符:

<textarea><?=( $siteLink_val ? $siteLink_val : '' );?></textarea>

推荐文章