如何在bootstrap 2.3.2中的textarea中对齐文本

时间:2013-12-29 09:17:26

标签: css twitter-bootstrap text-align

我想在数据库中显示textarea中的数据。但我遇到了一个问题。我无法将该文本对齐左侧。所有时间它都会在中心显示数据。请帮帮我。

我的代码:

<span>
   <textarea disabled class="text-left" style="width:510px;max-height:200px;overflow-y:auto;text-align:left;" id="textareaMessage">{{sentMessage.message}}</textarea>
<span>

4 个答案:

答案 0 :(得分:0)

有时使用模板语言时这是一个已知的问题.....尝试将所有内容放在自己的行上....有时会修复它。

如果你遇到了这个问题,我认为你有......(我在使用Jeditable时有这个问题...每当我从数据库中提取数据时,它都会有大量的填充.....并且摆脱它,把变量放在自己的线上,神奇地解决问题.....不要真的理解为什么......但确实如此):))

<span>
 <textarea disabled class="text-left" style="width:510px;max-height:200px;overflow-y:auto;text-align:left;" id="textareaMessage">
     {{sentMessage.message}}
 </textarea>
 <span>

如果那不是你的问题,那就试试..

text-align:left!important;

在你的CSS中

答案 1 :(得分:0)

CSS中没有问题,因为如果您输入的是硬编码值而不是{{sentMessage.message}},则文本会自动显示在左侧。因此,请检查进入该文本区域的数据库条目是否格式正确,或者本身是否有空格。

答案 2 :(得分:0)

@ Html.TextAreaFor(model =&gt; model.Name,new {@class =“form-control”,style =“width:1000px; height:34px; margin:0 auto”,@ placeholder =“margin: 0自动完成工作“})

答案 3 :(得分:0)

实际上,文本在Textarea中左对齐,但带有标识。看起来文本没有左对齐。通过将所有内容放在同一行上,可以避免此问题。

希望解释清楚;)