html - 文本区域中的文本左对齐

标签 html css

我不知道该怎么做,这是我的语法,但将文本留在文本区域的中心。

<textarea name="mytextarea" cols="50" rows="5" style="align-content:center; overflow:auto; border:6px outset #000000;" >
    Doggie: 100 - 94
    Cat:    93 - 74
    Apple:  73 - 50
    Orange: 49 - 0
    </textarea>

编辑

这是我的完整代码和运行时的截图:

%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <textarea name="mytextarea" cols="50" rows="5" style="text-align:left; overflow:auto; border:6px outset #000000;" >
            Doggie: 100 - 94
            Cat:    93 - 74
            Apple:  73 - 50
            Orange: 49 - 0
        </textarea>    
    </form>
</body>
</html>

编辑 2

这是它在我的浏览器中的截图 enter image description here enter image description here

最佳答案

似乎 textarea 对空格敏感,请尝试像本例中那样删除空格

<textarea name="mytextarea" cols="50" rows="5" style="align-content:center; overflow:auto; border:6px outset #000000;" >
Doggie: 100 - 94
Cat:    93 - 74
Apple:  73 - 50
Orange: 49 - 0
    </textarea>

关于html - 文本区域中的文本左对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33974050/

相关文章:

javascript - Jquery:隐藏空表行

html - 当两个 div 都设置为 float :left? 时,为什么它不会发生冲突

html - 对齐多列底部的元素

css - 如何使用 CSS 显示向下箭头符号

c# - kendo ui 网格列名称在网格标题中垂直 90 度

html - 焦点输入字段被虚拟键盘遮挡

javascript - Laravel 如何通过单击按钮在 <li> 中获取值并将值发送到 Controller

javascript - javascript、xsl、xhtml 和 css 的编辑器,除了 aptana 或 xcode?

javascript - 在 <p> 标记中的行开头折叠

html - 悬停时下拉菜单消失(Firefox)