1. 程式人生 > >layer 不居中的坑爹問題

layer 不居中的坑爹問題

area title itl 原因 con layui tle http 內容

使用了該代碼彈出一個圖片。但居然不居中

 var layer_index = layer.open({
              type: 1,
              title: false,
              closeBtn: 0,
              area: ‘516px‘,
              skin: ‘layui-layer-nobg‘, //沒有背景色
              shadeClose: true,
              content: self.html()
            });

原因是,我的圖片內容的外網的。也就是說不是本地的。導致需要加載。所以不居中。將圖片放置在本地即可。

但如果實在需要使用外網的圖片。那就可以通過修改style來達到效果了。其實也很簡單

http://www.layui.com/doc/modules/layer.html#layer.style

layer.style(index, {
  transform: ‘translateX(-50%)‘,
  top: ‘50%‘;
});       

layer 不居中的坑爹問題