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

Question

我有

一个文本区域。我将文件中的默认值加载到其中（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>

我明白了

---

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

Answer 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>