如何将html中的文本对齐到顶部？

Posted 2023-03-05

【中文标题】如何将html中的文本对齐到顶部？

【英文标题】：How to move the text in the html align to top?

【发布时间】：2015-12-29 16:11:13

【问题描述】：

当我在 html 页面中创建文本时，我在右侧添加了一个多行文本框，它显示如下。

我期待的是第二张图，什么样的html代码/css可以实现？

【问题讨论】：

请创建一个小提琴来帮助人们回答您的问题。

我可以知道什么是小提琴吗？

@RyanChong：这是一个可以制作 HTML/javascript 演示的网站：jsfiddle.net

@RyanChong：基本上，我们要求您将 HTML/CSS 代码连同屏幕截图一起发布。

How do I align a label and a textarea?的可能重复

【参考方案1】：

.formfield * 
    vertical-align: top;

<p class="formfield">
    <label for="textarea">Label for textarea</label>
    <textarea id="textarea" rows="500">Textarea</textarea>
</p>

【讨论】：

是的，这个答案是正确的，关键在于vertical-align: top;