找到Layout 布局
他通过基础的 24 分栏,迅速简便地创建布局。
找一个对齐方式
这个就不错,找到对应的代码
这个
复制进入idea
引入我们的图片和文字
我这里图片有点问题
然后我再添加一条分割线
加入表单校验
把里面的代码同上加入idea
结果
对表单内容进行调整
调整一下
修改校验条件
修改校验规则
将中间的线加长
效果
修改表单的一些细节
现在我们要上下居中,使用flex
这样就会居中对齐
结果
可以这样调整图片大小
最后就完成了一个页面