多个筛选框排列方式


多个筛选框排列方式

每个筛选的div的class都设置为同名(input-group) 然后名字用span包裹住 input栏或者select栏外可以不用新div包裹

然后给input-group设置样式:display:inline-block 然后对于操作按钮可以设置float-right使其放在最右端

他们的最外层设置高度并且设置overflow:auto

pagination固定在页面底端 table设置scroll

//元素包裹情况大概是这样:

首先要知道设置overflow必须要给设置overflow的元素一个高度 可以使用calc(100vh - 30px) 这个方式 也可以监听body的高度变化。

.table_pagination {
  position: relative;
  height: calc(100vh - 250px);
  bottom: 2px;
  .table {
    overflow: auto;
  }
  .pagination {
    position: relative;

  }

给包裹住pagination的div设置position:relative,并且包含其的父组件也需要设置position:relative


文章作者: Silong Xu
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 Silong Xu !
 上一篇
2020年结年文案 2020年结年文案
2020年结年 2020年逝去的人尤其多 身边倒是没什么影响 但是看着新闻的报道也会感触颇多 长辈因为疫情离去 留下年幼的孩子 为爱情脱下防护服 不留遗憾只活那一段幸福时间 选择了当然就不会后悔 享受当下 回忆过去 2020的确是个不平凡的
2020-12-31
下一篇 
11月29散记 11月29散记
11月29散记 PQ第一次用亿通行 PQ上一次坐地铁是在大一 PQ呆呆的好可爱 小本本记下来:以后不能让PQ吃苦 北语不是211 是个特殊的学校 PQ朋友去雍和宫求了个考试的签 下周末我也去帮她求一个 路上看到有花 PQ是喜欢花的 但是这样
2020-12-05
  目录