问答

如何让页面自动填充满?

作者:admin 2021-10-18 我要评论

场景复现: 项目某个页面有一个表格,当表格设置成十条每页的时候,页脚不是在最底部,请问怎么自动填充表格和页脚之间的空白,让页脚自动处于底部? 如上图所示,记住...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

场景复现:

项目某个页面有一个表格,当表格设置成十条每页的时候,页脚不是在最底部,请问怎么自动填充表格和页脚之间的空白,让页脚自动处于底部?

image.png

如上图所示,记住不要固定页脚.

言之成理者,推荐进阿里...扫地

###

js部分

bodyHeight(){
        //浏览器屏幕的高度 - 浏览器工具栏高度 100
        let screenHeight =window.screen.height - 100;
        // 60 - 60 - 35 分别是 我header和footer以及footer的margin
        let bodyHeight = screenHeight - 60 - 60 - 35;
        return bodyHeight;
    }

将你中间内容的最小高度(min-height)设置成返回出来的bodyHeight即可

###

flex 布局 你指的拥有 你看看这个例子链接 是不是你要的效果

###

你好,你想一直贴着底部是吗? 这有很多,这可以用定位就解决的,postion 相对于窗口 bottom 绝对定位,但是有弊端的.你权衡一下吧.希望可以帮到你!

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 如何让页面自动填充满?

    如何让页面自动填充满?

  • 求助!vue考试系统案列如何将正确答案

    求助!vue考试系统案列如何将正确答案

  • element tree结构渲染问题?

    element tree结构渲染问题?

  • require引入Awesome-qr.js 运行报错,

    require引入Awesome-qr.js 运行报错,

腾讯云代理商
海外云服务器