默认值TextArea神秘空间

kyo*_*kyo 2 html php laravel blade

我有

文本区域.我从文件中加载一个默认值(d5),但由于某些原因,它在这个值前面给了我很多空间.

在此输入图像描述

我试过了

PHP

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

<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>
Run Code Online (Sandbox Code Playgroud)

尝试#2

form-group从我的父div中取消课程.

<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>
Run Code Online (Sandbox Code Playgroud)

我有

在此输入图像描述


尝试#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>
Run Code Online (Sandbox Code Playgroud)

我有

在此输入图像描述


  • 为什么这样做?
  • 我这里做错了吗?
  • 我怎么阻止它?

Mar*_*c B 6

你在html中有缩进.打开/关闭标记之间出现的任何内容<textarea>将成为文本区域的一部分:

<div class="col-sm-12">
    <textarea name="description" class="form-control" rows="5" placeholder="Desciption">
                                                                                        ^
        {{$description}}
^^^^^^^^                ^
    </textarea>
^^^^
</div>
Run Code Online (Sandbox Code Playgroud)

^标记你得到的空间.如果你不想要那些空格,那就不要了:

<textarea>foo</textarea>
Run Code Online (Sandbox Code Playgroud)

VS

<textarea>
          ^--line break at start of textarea content
    foo
^^^^----spaces
       ^--another line break
</textarea>
Run Code Online (Sandbox Code Playgroud)