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>

修改

这是我的完整代码，以及我运行它时的样子截图：

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

Answer 1

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

Answer 2

将align-content:center更改为text-align:left

或者您只需添加text-align:left，看看是否有效。

左对齐文本区域中的文本

2 个答案: