一看就会，超有用活字格技能：一百八十六、巧用css，让文本框实现纵向居中
本帖最后由 Tony.Fu 于 2023-10-7 14:35 编辑经常用文本框的格友们是否有这样的需求：有时候希望让 【多行文本框】 的内容居中展示，如图
而无论使用多行文本框，还是el输入框都无法配出这种居中展示的效果
这是由于 多行文本框组件是用TextArea实现，而TextArea是无法通过样式来实现纵向居中的
https://stackoverflow.com/questi ... t-inside-a-textarea
而本帖介绍一种通过css来实现的方式：
1.在活字格中增加全局css
2.页面上增加 【el-输入框】，并且设定css类名： vertically-centered-multi-line-text-box
3.在该页面的页面加载命令里面添加JS命令:
$('.vertically-centered-multi-line-text-box textarea').on('input', function () {
this.style.height = 'auto';
this.style.height = this.scrollHeight + 'px';
});
最终效果
页:
[1]