textarea如何让前面的文字在左上角而不是左下角
时间: 2024-02-01 09:13:41 浏览: 124
让textarea控件的滚动条怎是位与最下方
可以通过设置CSS样式来实现让textarea前面的文字在左上角而不是左下角。具体方法是:
1. 设置textarea的行高(line-height)和字体大小(font-size)相等,这样可以让文字垂直居中。
2. 将textarea的vertical-align样式设置为top,这样可以让textarea的顶部与文字的顶部对齐。
以下是一个示例代码:
```html
<label for="mytextarea">输入框:</label>
<textarea id="mytextarea" rows="4"></textarea>
```
```css
label {
display: inline-block;
vertical-align: top;
}
textarea {
display: inline-block;
vertical-align: top;
line-height: 20px; /* 和字体大小相等 */
font-size: 20px;
vertical-align: top;
}
```
这样就可以让textarea前面的文字在左上角了。
阅读全文