左对齐文本区域中的文本

Question

左对齐文本区域中的文本

我不知道如何做到这一点，这是我的语法，但将文本保留在文本区域的中心。

<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>

Run Code Online (Sandbox Code Playgroud)

编辑

这是我的完整代码和运行它时的屏幕截图：

%@ 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>

Run Code Online (Sandbox Code Playgroud)

编辑 2

这是我的浏览器中外观的屏幕截图在此处输入图像描述在此处输入图像描述

Answer 1

Col*_*iza 6

似乎对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>

Run Code Online (Sandbox Code Playgroud)

@PraveenKumar 你给出了 2 个相同的答案，它们以文本对齐为中心，首先它们是错误的，然后在你编辑它们之后它们是正确的答案，但是对于一个不同的问题。您只在最后和第二个答案的底部提供了一个解决操作问题的答案。Colns 提供了一个干净的解决方案，它直接解决了 op 的问题，没有任何不相关的信息。 (3认同)

归档时间：	10 年，5 月前
查看次数：	23008 次
最近记录：	10 年，5 月前