如何将el-form-item中表单项label和表单项内容换行
作者:小教学发布时间:2023-09-26分类:程序开发学习浏览:171
导读:elemnetui的el-form-item的表单项label和表单项内容原本是默认在同一行显示的,将el-form-item中表单项label和表单项内容换行怎么实现呢?效果...
elemnet ui的el-form-item的表单项label和表单项内容原本是默认在同一行显示的,将el-form-item中表单项label和表单项内容换行怎么实现呢?
效果如下:
法1:
elemnetUI官方的方法label-position=“top”
法2:
思路:将el-form或者el-form-item中的label-width属性去掉或者设置为0,如果label长度超出一行需要设置以下样式属性:
加上如下样式代码:
<style scoped>
/deep/ .el-form-item__label{
text-align:left;
float: none;
word-break: break-word;
}
</style>
- 程序开发学习排行
- 最近发表
-
- PSV官方英日文游戏精选集
- Digital Marketing Freelancer | WordPress Theme 博客主题下载
- Pixel Hair Spa | WordPress Theme 博客主题下载
- Aster Travel Blog | WordPress Theme 博客主题下载
- Urbana | WordPress Theme 博客主题下载
- WENS Next Gen Blog | WordPress Theme 博客主题下载
- PSV游戏最简安装教程
- PSV中文游戏全集
- Otter Blocks Gutenberg Blocks,Page Builder for Gutenberg Editor amp; FSE 最好的WordPress常用插件下载 博客插件模块
- 支付表格、立即购买按钮和发票系统|GetPaid 最好的WordPress通用插件下载 博客插件模块