默认值 TextArea 神秘空间 [重复]

Posted 2023-02-24

【中文标题】默认值 TextArea 神秘空间 [重复]

【英文标题】：Default Value TextArea Mysterious Spaces [duplicate]

【发布时间】：2016-05-19 16:36:33

【问题描述】：

我有

一个文本区域。我将文件中的默认值加载到其中（d5），但由于某些原因，它在该值前面给了我很多空间。

我试过了

PHP

    $filename = public_path().'/file/external/header.txt';
    $handle = fopen($filename, "r");
    $header = fread($handle, filesize($filename));
    fclose($handle);

刀片

<div class="form-group">
    <label class="col-sm-12 control-label">Description</label>
    <div class="col-sm-12">
        <textarea name="description" class="form-control" rows="5" placeholder="Desciption">
            $description
        </textarea>
    </div>
</div>

---

尝试#2

从我的父 div 中下课 form-group。

<div class="form-group">
  <label class="col-sm-12 control-label">Description</label>
  <div class="col-sm-12">
    <textarea name="description" class="form-control" rows="5" placeholder="Desciption">
      $description
    </textarea>
  </div>
</div>

我明白了

---

尝试#3

从我的文本区域元素中删除课程form-control。

<div class="">
  <label class="col-sm-12 control-label">Description</label>
  <div class="col-sm-12">
    <textarea name="description" class="" rows="5" placeholder="Desciption">
      $description
    </textarea>
  </div>
</div>

我明白了

---

为什么要这样做？ 我在这里做错了吗？ 我该如何阻止它？

【问题讨论】：

这很可能是由于您的 CSS。

尝试将<textarea>...$description</textarea> 放在代码的一行中。还有空格吗？

【参考方案1】：

您在 html 中有缩进。 ANYTHING 出现在 <textarea> 开始/结束标记之间成为文本区域的一部分：

<div class="col-sm-12">
    <textarea name="description" class="form-control" rows="5" placeholder="Desciption">
                                                                                        ^
        $description
^^^^^^^^                ^
    </textarea>
^^^^
</div>

^ 标记您获得的空间。如果你不想要这些空间，那就不要它们：

<textarea>foo</textarea>

v.s.

<textarea>
          ^--line break at start of textarea content
    foo
^^^^----spaces
       ^--another line break
</textarea>

【讨论】：

你是对的！现在可以了。 :)