默认值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>