中文本的垂直定位场地
我无法使用填充或行高指定输入字段中文本的垂直位置。下面的代码应该渲染一个文本输入，并将文本推到底部：
<input style="padding: 50px 0 0 0; height: 0px;" type="text" value="Hello" />
相反，所有文本都在 50px 高的输入中垂直居中。
关于如何解决这个问题有什么想法吗？
I've been unable to specify the vertical position of text in an input field using padding or line-height. The following code SHOULD render a text input with text pushed to the bottom:
<input style="padding: 50px 0 0 0; height: 0px;" type="text" value="Hello" />
What's happening instead is that all text is being centered vertically in an input that is 50px tall.
Any thoughts on how to resolve this?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
如果没有奇怪的技巧，你就无法在标准文本框中执行此操作（例如，创建一个带有看起来像文本框的边框的 div，然后从文本框本身中删除边框并将其垂直定位到 div 的底部），所以你必须求助于 textarea 元素...
（添加
resize: none;阻止用户更改 textarea 的大小）You can't do it on a standard textbox without oddball trickery (as in, creating a div with a border that looks like a textbox, and the removing the border from the textbox itself and vertically positioning it to the bottom of the div), so you'll have to resort to a textarea element...
(Adding
resize: none;stops the user from changing the size of the textarea)