form中layui-input-inline和layui-input-block

提问 未结 2 86
用心感悟
用心感悟 2019-7-15
悬赏:20飞吻
版本:layui 2.5 浏览器:chrome
<div class="layui-form-item">
<label class="layui-form-label">验证必填项</label>
<div class="layui-input-block">
<input type="text" name="username" lay-verify="required" lay-reqtext="用户名是必填项,岂能为空?" placeholder="请输入" autocomplete="off" class="layui-input">
</div>
</div>

<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">验证手机</label>
<div class="layui-input-inline">
<input type="tel" name="phone" lay-verify="required|phone" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">验证邮箱</label>
<div class="layui-input-inline">
<input type="text" name="email" lay-verify="email" autocomplete="off" class="layui-input">
</div>
</div>
</div>
这段代码是直接复制官网代码示例中的,贴到本地html中后,发现上下input输入框无法对齐,有大佬遇到相应问题么?怎么解决的?
回帖