Layui-form表单不居中解决方法

<form class="layui-form" action="">
    <div class="layui-form-item">
        <div class="layui-inline">
        <label class="layui-form-label">用户</label>
        <div class="layui-input-inline">
            <input type="text" name="username" required lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="layui-input">
        </div>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-inline">
        <label class="layui-form-label">密码</label>
        <div class="layui-input-inline">

            <input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
        </div>
        </div>
    </div>

    <div class="layui-form-item">
        <div class="layui-input-block">
            <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
        </div>

</div>

</form>

在<div class="layui-form-item">下添加 <div class="layui-inline">如代码所示，然后在form表单外加上style="text-align: center" 就可以水平居中了。
效果图：