【问题标题】: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>

【问题讨论】:

  • 设置边距和内边距为0
  • 文本对齐:左!重要; ?
  • margin:0, padding:0 无效。
  • 文本对齐:左!重要;不工作
  • 我在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 中

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 2019-06-15
          • 1970-01-01
          • 1970-01-01
          • 2018-05-16
          • 1970-01-01
          • 2013-02-03
          • 2015-08-25
          相关资源
          最近更新 更多