默认值TextArea神秘空间

时间:2016-02-09 15:52:38

标签: php html laravel blade

我有

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

enter image description here

我试过

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>

我得到了

enter image description here

尝试#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>

我得到了

enter image description here

  • 为什么这样做?
  • 我在这里做错了吗?
  • 我该怎么做?

1 个答案:

答案 0 :(得分:6)

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

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