【教程】修改layui的form表单中label和input宽度

有时用layui的表单元素真的傻难看傻难看的，如上图，需要修改三个地方

1左侧label宽度

2输入框距离左侧的距离

3输入框的宽度

解决方案：

1设置css

.layui-form-label {
    width: 100px;
}

2设置css

.layui-input-block {
    margin-left: 130px;
}

3修改form的宽度

<form id="form1" class="layui-form" style="width: 60%;margin-top: 20px;">

结果如下图：