如何在引导程序 2.3.2 中对齐文本区域中的文本

Posted 2023-02-24

【中文标题】如何在引导程序 2.3.2 中对齐文本区域中的文本

【英文标题】：how to align text in textarea in bootstrap 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>

【问题讨论】：

设置边距和内边距为0

文本对齐：左！重要； ?

margin:0, padding:0 无效。

文本对齐：左！重要；不工作

我在jsFiddle 上运行了您的代码。一切都按您的预期进行。所以，我们需要更多细节！你应该把你的代码放到jsFiddle中，编辑我给你的那个。

【参考方案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 中