Html CSS-如何使输入的文本开始显示在框的左上角？

我正在使用html css进行输入。我知道如何做到这一点，当我在框中输入文本时，文本开始显示在框的左上角

目前，它显示在我的方框的中心，这里是我工作的一个可复制的小例子：

/***消息***/
.messages_flow{
网格区域：消息流；
宽度：85%；
身高：85%；
边界半径：10px；
溢出y：自动；
保证金：自动；
显示器：flex；
弯曲方向：立柱；
对齐项目：结束；
证明内容：柔性端；
背景色：白色；
垫面：1米；
填充：15px 10px；
/*垫底：15px*/
}
.message_form{
网格区域：消息形式；
宽度：16.76em；
单词包装：打断单词；
/*边缘顶端：5em*/
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
.message_表单输入[name=“message”]{
文本对齐：结束；
宽度：16.76em；
高度：4em；
自我辩护：开始；
右边距：1米；
边缘顶部：0.5em；
} 
表格，输入{
边界半径：10px；
}

---

只需删除

文本对齐：结束从您的CSS输入

对于顶部（和左侧）对齐，您需要使用
textarea
元素，而不是常规的文本输入


/***消息***/
.messages_flow{
网格区域：消息流；
宽度：85%；
身高：85%；
边界半径：10px；
溢出y：自动；
保证金：自动；
显示器：flex；
弯曲方向：立柱；
对齐项目：结束；
证明内容：柔性端；
背景色：白色；
垫面：1米；
填充：15px 10px；
/*垫底：15px*/
}
.message_form{
网格区域：消息形式；
宽度：16.76em；
单词包装：打断单词；
/*边缘顶端：5em*/
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
.message_表单输入[name=“message”]{
宽度：16.76em；
高度：4em；
右边距：1米；
边缘顶部：0.5em；
} 
表格，输入{
边界半径：10px；
}
只需删除
文本对齐：结束从您的CSS输入

对于顶部（和左侧）对齐，您需要使用
textarea
元素，而不是常规的文本输入


/***消息***/
.messages_flow{
网格区域：消息流；
宽度：85%；
身高：85%；
边界半径：10px；
溢出y：自动；
保证金：自动；
显示器：flex；
弯曲方向：立柱；
对齐项目：结束；
证明内容：柔性端；
背景色：白色；
垫面：1米；
填充：15px 10px；
/*垫底：15px*/
}
.message_form{
网格区域：消息形式；
宽度：16.76em；
单词包装：打断单词；
/*边缘顶端：5em*/
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
.message_表单输入[name=“message”]{
宽度：16.76em；
高度：4em；
右边距：1米；
边缘顶部：0.5em；
} 
表格，输入{
边界半径：10px；
}
如果需要多行，可以使用textarea元素。然后光标将从左上角开始

<textarea name="message" />

如果需要多行，可以使用textarea元素。然后光标将从左上角开始

<textarea name="message" />

我认为最好的方法是添加
文本对齐：左
（或者按照Johannes的建议删除输入CSS中的文本对齐）到您的输入，但我想不出使用我的CSS知识将输入内容垂直对齐到顶部的方法。但是，您可以轻松地设计
样式以满足您的需求。希望这有帮助


/***消息***/
.messages_flow{
网格区域：消息流；
宽度：85%；
身高：85%；
边界半径：10px；
溢出y：自动；
保证金：自动；
显示器：flex；
弯曲方向：立柱；
对齐项目：结束；
证明内容：柔性端；
背景色：白色；
垫面：1米；
填充：15px 10px；
/*垫底：15px*/
}
.message_form{
网格区域：消息形式；
宽度：16.76em；
单词包装：打断单词；
/*边缘顶端：5em*/
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
.message_form textarea[name=“message”]{
宽度：16.76em；
高度：4em；
右边距：1米；
边缘顶部：0.5em；
调整大小：无；
}
表单，输入，文本区域{
边界半径：10px；
}
我认为最好的方法是添加
文本对齐：左
（或者按照Johannes的建议删除输入CSS中的文本对齐）到您的输入，但我想不出使用我的CSS知识将输入内容垂直对齐到顶部的方法。但是，您可以轻松地设计
样式以满足您的需求。希望这有帮助


/***消息***/
.messages_flow{
网格区域：消息流；
宽度：85%；
身高：85%；
边界半径：10px；
溢出y：自动；
保证金：自动；
显示器：flex；
弯曲方向：立柱；
对齐项目：结束；
证明内容：柔性端；
背景色：白色；
垫面：1米；
填充：15px 10px；
/*垫底：15px*/
}
.message_form{
网格区域：消息形式；
宽度：16.76em；
单词包装：打断单词；
/*边缘顶端：5em*/
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
.message_form textarea[name=“message”]{
宽度：16.76em；
高度：4em；
右边距：1米；
边缘顶部：0.5em；
调整大小：无；
}
表单，输入，文本区域{
边界半径：10px；
}

尝试删除
表单输入[name=“message”]
styleA中的
文本对齐：end