colorui多行文本框怎么居中
时间: 2023-11-26 08:56:45 浏览: 79
可以使用CSS样式来实现多行文本框的居中。
首先,给多行文本框设置一个固定的宽度,比如600px,然后使用margin属性来实现居中对齐。具体代码如下:
```html
<textarea class="centered-textarea"></textarea>
```
```css
.centered-textarea {
width: 600px;
margin: 0 auto;
}
```
这样就可以将多行文本框水平居中对齐了。如果还需要垂直居中对齐,可以使用flex布局来实现:
```html
<div class="centered-container">
<textarea class="centered-textarea"></textarea>
</div>
```
```css
.centered-container {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.centered-textarea {
width: 600px;
}
```
这样就可以将多行文本框水平和垂直居中对齐了。
阅读全文