label 左边居中textarea
时间: 2023-06-27 12:00:47 浏览: 90
layui 富文本编辑器和textarea值的相互传递方法
你可以使用 CSS 来实现这个效果,具体的实现方式如下:
```html
<label for="textarea-id" style="display: block; text-align: center;">Label文本</label>
<textarea id="textarea-id"></textarea>
```
其中,`label` 标签使用 `display: block` 属性使其变成块级元素,从而让它独占一行。然后通过 `text-align: center` 属性将文本居中对齐。`for` 属性指定 `textarea` 元素的 `id`,从而使 `label` 和 `textarea` 元素相关联。
你也可以将样式写在单独的 CSS 文件中,以更好的维护代码:
```html
<label for="textarea-id" class="centered-label">Label文本</label>
<textarea id="textarea-id"></textarea>
```
```css
.centered-label {
display: block;
text-align: center;
}
```
阅读全文