uniapp textare 怎么设置字体上下居中
时间: 2023-06-19 10:05:43 浏览: 98
可以尝试在 textarea 中添加以下样式:
```
textarea {
display: flex;
align-items: center;
justify-content: center;
}
```
其中 `display: flex` 将 textarea 设置为 flex 布局,`align-items: center` 和 `justify-content: center` 分别将其内容在垂直和水平方向上居中对齐。如果需要更加细致的调整,可以根据实际情况调整相应的样式。
相关问题
uniapp textare 怎么设置字体居中
你可以在 `textarea` 中设置 `text-align: center;` 样式来实现字体居中,示例代码如下:
```html
<template>
<textarea class="textarea" placeholder="请输入内容"></textarea>
</template>
<style>
.textarea {
width: 100%;
height: 120rpx;
font-size: 32rpx;
text-align: center;
border: none;
outline: none;
}
</style>
```
其中,`text-align` 属性用于设置文本水平居中。
el-textare 根据内容调整高度
可以使用 `autosize` 属性来实现根据内容自动调整高度的功能。具体实现方式如下:
1. 在 `el-textarea` 中添加 `autosize` 属性:
```html
<el-textarea v-model="content" autosize></el-textarea>
```
2. 在 Vue 组件中引入 `autosize` 库:
```javascript
import autosize from 'autosize'
```
3. 在 `mounted` 钩子函数中对 `el-textarea` 元素进行初始化:
```javascript
mounted() {
autosize(this.$refs.textarea.$refs.input)
}
```
这样就可以实现根据内容自动调整高度的功能了。