୧((〃•̀ꇴ•〃))૭⁺✧ 2020-08-24 11:32 采纳率: 72.7%
浏览 3760
已采纳

css如何让div中的form表单居中显示?

图片说明

如何让框中居中显示,和下面对齐?

<div class="layui-fluid" id="divcss5">
    <div class="layui-row">
        <form class="layui-form" id=form1 method="post" >
            <input type="hidden" id="userid" name="userid" th:value="${session.id2}">

            <div class="layui-form-item" style="text-align: center">
                <label for="lng" class="layui-form-label">
                    <span class="x-red">*</span>经度:
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="lng" name="lng" class="layui-input" required="required">
                </div>
            </div>
            <div class="layui-form-item">
                <label for="lat" class="layui-form-label">
                    <span class="x-red">*</span>纬度:
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="lat" name="lat" class="layui-input" required="required">
                </div>
            </div>

            <div class="layui-form-item">
                <label for="facilityname" class="layui-form-label">
                    <span class="x-red">*</span>设备名称:
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="facilityname" name="facilityname" class="layui-input" required="required">
                </div>
            </div>
            <div class="layui-form-item">
                <label for="mac" class="layui-form-label">
                    <span class="x-red">*</span>设备码:
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="mac" name="mac" class="layui-input" required="required">
                </div>
            </div>


        </form>
        <div class="layui-form-item">
            <button class="layui-btn" lay-filter="add" onclick="huoqu()" lay-submit="">获取经纬度</button>
            <button class="layui-btn" lay-filter="add" onclick="add()" lay-submit="">确定</button>
        </div>
    </div>
</div>
  • 写回答

3条回答 默认 最新

  • 代码的灵魂是bug! 2020-08-24 14:12
    关注
    <div class="layui-row" style="display:flex;justify-content:center;">
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

悬赏问题

  • ¥15 #MATLAB仿真#车辆换道路径规划
  • ¥15 java 操作 elasticsearch 8.1 实现 索引的重建
  • ¥15 数据可视化Python
  • ¥15 要给毕业设计添加扫码登录的功能!!有偿
  • ¥15 kafka 分区副本增加会导致消息丢失或者不可用吗?
  • ¥15 微信公众号自制会员卡没有收款渠道啊
  • ¥100 Jenkins自动化部署—悬赏100元
  • ¥15 关于#python#的问题:求帮写python代码
  • ¥20 MATLAB画图图形出现上下震荡的线条
  • ¥15 关于#windows#的问题:怎么用WIN 11系统的电脑 克隆WIN NT3.51-4.0系统的硬盘