将文本区域的文本对齐方式设置为左对齐。

Question

我有一个小问题，但是我无法解决它。我有一个文本区域，我想将里面的文本左对齐。我的代码是：

 <textarea
     rows="3"
     cols="25"
     id="{{ form_add_gift.description_article.name }}"
     name="{{ form_add_gift.description_article.name }}"
     style="padding: 0px !important; margin: 0px !important;text-align: left;"
     class="form-control"
     required="required">
     {{ form_add_gift.description_article.value|trim }}
</textarea>

文本区域看起来像这样： 请帮帮我！！提前谢谢

- TanGio

---

添加 white-space:normal，不再需要担心空格。检查我的答案。 - Prime

Answer 1

这是因为您的_______{{ form_add_gift.description_article.value|trim }}在开头包含了太多空格。

只需删除空格即可。

- user4243768

Answer 2

在向文本区域提供输入时，您正在提供空间，不需要更改CSS。请尝试：

<textarea
     rows="3"
     cols="25"
     id="{{ form_add_gift.description_article.name }}"
     name="{{ form_add_gift.description_article.name }}"
     style="padding: 0px !important; margin: 0px !important;text-align: left;"
     class="form-control"
     required="required">{{ form_add_gift.description_article.value|trim }}
</textarea>

- Vivek Gupta

---

更好的解释。在闭合标签后，我只是按照您写的方式将文本放在同一行中，然后它就起作用了。谢谢！ - LUISAO

Answer 3

转换

<textarea
 rows="3"
 cols="25"
 id="{{ form_add_gift.description_article.name }}"
 name="{{ form_add_gift.description_article.name }}"
 style="padding: 0px !important; margin: 0px !important;text-align: left;"
 class="form-control"
 required="required">
 {{ form_add_gift.description_article.value|trim }}
</textarea>

TO

<textarea rows="3" cols="25" id="{{ form_add_gift.description_article.name     }}" name="{{ form_add_gift.description_article.name}}" style="padding: 0px     !important; margin: 0px !important;text-align: left;" class="form-control"     required="required">{{ form_add_gift.description_article.value|trim }</textarea>

基本上，您需要做的是在

标签结束后删除多余的换行符和空格。

<textarea>your text</textarea>

- Rohit Bandooni

Answer 4

去除文本域中的空格，或使用white-space: normal;作为一个巧妙的方法来避免文本域中的空格。

已删除空格

 <textarea
     rows="3"
     cols="25"
     id="{{ form_add_gift.description_article.name }}"
     name="{{ form_add_gift.description_article.name }}"
     style="padding: 0px !important; margin: 0px !important;text-align: left;"
     class="form-control"
     required="required">{{ form_add_gift.description_article.value|trim }}
</textarea>

未删除空格，已添加 white-space:normal;

 <textarea
     rows="3"
     cols="25"
     id="{{ form_add_gift.description_article.name }}"
     name="{{ form_add_gift.description_article.name }}"
     style="padding: 0px !important; margin: 0px !important;text-align: left;white-space: normal;"
     class="form-control"
     required="required">
     {{ form_add_gift.description_article.value|trim }}
</textarea>

- Prime

Answer 5

Try this :

<textarea name="{{ form_add_gift.description_article.name }}" id="{{ form_add_gift.description_article.name }}" class="form-control" required="required"  rows="3" cols="25" style="padding: 0px ;  margin: 0px; align: left;"  >

      {{ form_add_gift.description_article.value|trim }}
</textarea>     

- aiai

Answer 6

从文本框中移除额外的空格和换行，例如：

<textarea>{{ form_add_gift.description_article.value|trim }}</textarea>

- sonam gupta

Answer 7

尝试像下面的代码一样删除<textarea>{{ form_add_gift.description_article.value|trim }}</textarea>之间的空格。

<textarea
rows="3"
cols="25"
id="{{ form_add_gift.description_article.name }}"
name="{{ form_add_gift.description_article.name }}"
style="padding: 0px !important; margin: 0px !important;text-align: left;"
class="form-control"
required="required">{{ form_add_gift.description_article.value|trim }}</textarea>

- Usman Arshad