可以通过在每个键值对的div之间添加一定的间距来调整div之间的间距。可以使用CSS的margin属性来设置间距。\n\n例如,可以在每个键值对的div中添加一个class,然后使用CSS设置该class的margin属性来调整间距。代码示例如下:\n\njavascript\nlayer.open({\n title: '查看',\n content: '查看弹窗的HTML代码',\n area: ['500px', '400px'],\n success: function(layero, index){\n var html = '<div class="info-item">机构号:'+ data.institution +'</div>';\n html += '<div class="info-item">邮件号: ' + data.mailNumber + '</div>';\n html += '<div class="info-item">邮件描述: ' + data.describe + '</div>';\n \n // 显示多张图片\n if (data.images.length > 0) {\n html += '<div class="info-item">图片:</div>';\n for (var i = 0; i < data.images.length; i++) {\n html += '<img src="' + data.images[i] + '" style="width: 100px; height: 100px; margin-right: 10px;" />';\n }\n }\n \n html += '<div class="info-item">员工姓名: ' + data.username + '</div>';\n html += '<div class="info-item">状态(后台编辑): ' + data.state + '</div>';\n html += '<div class="info-item">上传时间: ' + data.date + '</div>';\n $(layero).find('.layui-layer-content').html(html);\n }\n});\n\n\n然后在CSS中定义.info-item的样式,设置margin属性来调整间距,示例如下:\n\ncss\n.info-item {\n margin-bottom: 10px;\n}\n\n\n这样就可以通过调整.info-item的margin-bottom属性来调整div之间的间距。

Layui弹窗:调整div间距,格式化键值对

原文地址: https://www.cveoy.top/t/topic/qEdT 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录