2015-06-05 162 views
4

我有点问题,但我解决不了,所以我有一个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> 

的texarea外观像这样: 请帮助我! THX提前

enter image description here

+0

不工作......... 。 – TanGio

+0

加上空格:正常,不用再担心空格了。检查我的回答 – Prime

回答

3

这只是因为你_______{{ form_add_gift.description_article.value|trim }}包含之初太多的空间。

只需删除空格。

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

@Gigel PLZ标记正确,如果它解决了问题 –

1

CONVERT

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

在textarea的删除空格,或使用white-space: normal;作为一个聪明的办法,以避免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> 

不能剥离的空间,加入空白:正常;

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

尝试像下面的代码<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> 
1

试试这个:

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

从textarea的价值分配如删除多余的空格和换行:

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