zoukankan      html  css  js  c++  java
  • layui弹出框宽高度的改变

     一、通过css改变layui的弹出框的宽高(不推荐)

           .layui-layer{

                  700px !important;
           }
            注意:加“!important”的原因,css的优先级问题。layui弹出框的默认宽高度是使用行内样式,优先级很高。所以要使用“!important”。
    二、通过layui弹出框里面方法改变弹出框的宽高(推荐)
          area['宽度','高度']
    三、使用js来操作css来达到改变弹出框的宽高
          直接在弹窗里的success:function(){          
              $('.layui-layer').width('450px');
          }
          
          适用场景:1.宽度固定,高度需要自适应。
              eg:在弹出框里使用xm-select插件,需要选择很多数据,并展示出来。
         

          例如:红框的高度根据你选择的内容的多少而变化,就可以使用第三种方式或者第一种方式。如果不起作用,说明xm-select没有设置好。

         

  • 相关阅读:
    二维数组排序
    php-快速排序
    sql优化相关
    全页面静态化缓存
    php--1-100相加之和
    php--阶乘
    socket
    posix_getpid 函数win下失效问题
    水仙花数
    常用的魔术方法
  • 原文地址:https://www.cnblogs.com/Alaic2052243080/p/14554475.html
Copyright © 2011-2022 走看看