element form inline属性bug

Posted 2021-07-17 SuperAnt_me

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了element form inline属性bug相关的知识，希望对你有一定的参考价值。

element-ui 中 form 中设置 inline 属性为 true 后会出现因设备分辨率改变，form 换行的bug

图例

示例图

element demo
input style

出现 form 换行原因是由于：
inline 属性给 form 设置了width：auto的样式，
这会导致form按百分比缩放
同时 form中 input 组件样式中存在 width：100%的设定
这使得 input width  会自动与外层的div width 保持一致

以上是关于element form inline属性bug的主要内容，如果未能解决你的问题，请参考以下文章