灵活使用layui布局

开发工具与关键技术：vs
作者：
撰写时间：

使用layui布局，让其做的上下对齐，左右居中的效果。不用额外的给字段写代码，减少代码量，让代码更加轻便简单。Layui布局的定义总共分为12份，以设置div的比例从而做到对齐。

以上图片使用layui布局可以把它们分为一个大模块，大模块里边可以分为五个小模块，小模块里边又可以分为左右两个模块。
首先，大模块row包裹全部（占12份），五个小模块form-row包裹着左右小模块（占12份）mt-4其实是margin-top上边距的缩写。最主要的就是条左右两个小模块，要根据容器的宽高大小去调，只要左右两个小模块加起来的份数等于12份就可以了,也就是一个小模块为6份，以表2份，input占4份的比列去分，表头设置text-right右对齐，这样一个左右小模块就完成了，剩下的小模块只有复制粘贴，改下名字，id可以大功告成了。