layui表单居中在外层⽤text-aglin:center⽆法居中的问题
<form class="layui-form" action="">
<div class="layui-form-item">
<label class="layui-form-label">选择框</label>
<div class="layui-input-inline">
<select name="city" lay-verify="required">
<option value=""></option>
<option value="0">北京</option>
<option value="1">上海</option>
<option value="2">⼴州</option>
<option value="3">深圳</option>
<option value="4">杭州</option>
</select>
</div>
</div>
</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">
<select name="city" lay-verify="required">
<option value=""></option>
<option value="0">北京</option>
<option value="1">上海</option>
<option value="2">⼴州</option>
div中的div居中<option value="3">深圳</option>
<option value="4">杭州</option>
</select>
</div>
</div>
</div>
</form>
在layui-form-item下⾯加⼊"layui-inline"，
在form表单外加⼊居中text-aglin:center，会发现整个from表单都居中了

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。