文本不会从文本框的左上角开始

Question

我有一个输入描述框，它具有固定的高度和宽度以及自己的样式。文本居中，但我希望它从左上角开始。

HTML

<input id="eventDescriptionInput" placeholder="Description" />

CSS

#eventDescriptionInput {
padding: 10px;
width: 100%;
height: 200px;
box-sizing: border-box;
margin-bottom: 25px;
border-radius: 3px;
outline: none;
border: none;[enter image description here][1]
box-shadow: 0px 0px 3px gray;
}

Answer 1

我不确定您是否只想使用 input 标签或任何其他标签来完成，只要保持样式即可。

我建议使用使事情变得更简单。

#eventDescriptionInput {
padding: 10px;
width: 100%;
height: 200px;
box-sizing: border-box;
margin-bottom: 25px;
border-radius: 3px;
outline: none;
border: none;
box-shadow: 0px 0px 3px gray;
}

<html>
<head>
</head>
<body>
<textarea id="eventDescriptionInput" placeholder="Description"></textarea>
</body>
</html>

Answer 2

如果您想继续使用 input 而不是 textarea，您需要删除 height: 200px; 并添加 padding-bottom: <number>px:

#eventDescriptionInput {
padding: 10px;
width: 100%;
box-sizing: border-box;
margin-bottom: 25px;
border-radius: 3px;
outline: none;
border: none;
box-shadow: 0px 0px 3px gray;
padding-bottom: 200px; /* new line */
}

尽管我建议使用其他人提到的 textarea

文本不会从文本框的左上角开始

Text won't start in the top left of Text Box

html

css

textbox