【问题标题】:how to align text in textarea in bootstrap 2.3.2如何在引导程序 2.3.2 中对齐文本区域中的文本
【发布时间】:2014-01-16 09:41:13
【问题描述】:
我想在 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>
【问题讨论】:
-
-
-
-
-
我在jsFiddle 上运行了您的代码。一切都按您的预期进行。所以,我们需要更多细节!你应该把你的代码放到jsFiddle中,编辑我给你的那个。
标签:
css
twitter-bootstrap
text-align
【解决方案1】:
实际上,文本在 Textarea 中左对齐,但与标识对齐。似乎文本没有左对齐。通过将所有内容放在同一行上,您可以避免这个问题。
希望解释清楚;)
【解决方案2】:
@Html.TextAreaFor(model => model.Name, new { @class= "form-control", style = "width: 1000px; height: 34px; margin:0 auto", @placeholder = "margin:0自动工作完美”})
【解决方案3】:
这在您的 CSS 中没有问题,因为如果您输入硬编码值而不是 {{sentMessage.message}},文本会自动出现在左侧。因此,请检查进入该文本区域的数据库条目的格式是否正确,或者是否存在任何空格。
【解决方案4】:
这是使用模板语言时的一个已知问题.....尝试将所有内容放在自己的行中......有时可以解决它。
如果您遇到了我认为您遇到的问题......(我在使用 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 中