代码改变世界

elementUI中form表单样式错位

2022-09-22 17:37  Hungs  阅读(3124)  评论(0)    收藏  举报

 

 现象:

  当上面行的el-form-item中有下拉框,选择某一项后,下面行样式错位

解决方法1:

  1)如果当整个el-form中都存在这种情况,那么在el-form的dom上添加样式:display: flex;flex-wrap: wrap;

  2)如果是局部el-form-item存在这种情况,那么出现这种情况的dom外出div添加样式:display: flex;flex-wrap: wrap;width: 100%;

解决方法2:

  设置el-form-item中.el-input__inner的line-height高度大于.el-input__inner高度