本例子基于layer Mobile 2.0。
预览:
css:
.close{ background:#333; font-size: 12px; position:absolute; right:-8px; top:-8px; border-radius:50%; width:20px; height:20px; line-height:20px; border: solid 1px #FFF; text-align: center; color: #FFF; z-index: 1000; }
layer信息框调用。1,内容多的话会有滚动条。2,内容左对齐
$("#shengming").click(function(){ layer.open({ style: 'color:#333;text-align:left;font-size:11px;position:relative;', content: 'mmmmmmmmmmmmmmmmmm', success: function(elem){ $(".layui-m-layercont").css({"text-align":"left", "padding-top":"20px", "overflow":"auto", "height":"150px"}); $('.layui-m-layerchild').append('<div class="close">X</div>'); } }); });