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

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 一个服务器已经有一个系统了如果用usb再装一个系统,原来的系统会被覆盖掉吗
  • ¥15 使用esm_msa1_t12_100M_UR50S蛋白质语言模型进行零样本预测时,终端显示出了sequence handled的进度条,但是并不出结果就自动终止回到命令提示行了是怎么回事:
  • ¥15 前置放大电路与功率放大电路相连放大倍数出现问题
  • ¥30 关于<main>标签页面跳转的问题
  • ¥80 部署运行web自动化项目
  • ¥15 腾讯云如何建立同一个项目中物模型之间的联系
  • ¥30 VMware 云桌面水印如何添加
  • ¥15 用ns3仿真出5G核心网网元
  • ¥15 matlab答疑 关于海上风电的爬坡事件检测
  • ¥88 python部署量化回测异常问题