默认情况下,每一个表单输入项都是独占一行的,也就是块级元素(长标签除外)。
这种处理方式的好处是,可以自适应各种设备,不论屏幕大小,都独占一行。但也带来一个问题:当在PC端以上的较大屏幕上显示时会显的极不协调,直观的感受就是太宽了。
为解决此问题,同时又要兼顾不同设备,表单面板在属性设置的“处理模式”中专门添加了“行内模式”选项。如下图:
点击“确定”按钮,在重新生成代码后,刷新页面,效果如下图所示:
此时,你如果动态调整浏览器显示宽度,就会发现,这里的行内显示表单数量会根据显示宽度动态变化:屏幕再小的时候,每行可能只显示1个表单;再大的时候,每行可能显示3个甚至4个表单。这样就解决了一个表单只能独占一行的问题。
注意:行内模式在长标签中无效!