屏幕宽度缩小 el-form-item的label和el-input会换行
时间: 2023-12-14 09:30:41 浏览: 166
根据屏幕宽度及展示内容换行
当屏幕宽度缩小时,el-form-item的label和el-input会自动换行。如果需要手动控制换行,可以使用CSS媒体查询来设置不同屏幕宽度下的样式。例如,在屏幕宽度小于600px时,可以将label和input分别设置为100%宽度,并添加display:block属性来实现换行。具体实现方法可以参考以下代码:
@media screen and (max-width: 600px) {
.el-form-item__label, .el-form-item__content {
width: 100%;
display: block;
}
}
阅读全文