• react 响应式栅格布局


    遇到一个小问题 , 有很多的下拉框放在了一行的盒子里 用到了栅格思路 , 但响应式处理屏幕时候右侧的按钮会覆盖掉样式


    之前我的思路是子绝父相 , 将按钮定在最右侧 , 按钮和下拉框都在同一盒子中 , 且做了栅格处理没想到还是会覆盖

    解决 : 后来我用到了  margin-left: auto 来让按钮靠右对齐


    代码 : 
     

    1. 'tableTop2'>
    2. <Form form={form}>
    3. <Row gutter={24}>
    4. <Col span={4.8}>
    5. // 输入框的内容
    6. Col>
    7. .....
    8. <Col className='btnALL' span={4.8}>
    9. // 按钮的内容
    10. Col>
    11. Row>
    12. Form>
  • .tableTop2 {
  • margin: 10px 0 0 10px;
  • min-height: 125px;
  • // position: relative; 之前的写法
  • .btnALL {
  • // position: absolute;
  • // right: -10px;
  • // bottom: 20px;
  • padding-bottom: 20px; // 现在的写法
  • margin-left: auto;
  • }
  • }
  • 相关阅读:
    万宾科技智能井盖监测仪器助力建设数字化城市
    各种语言如何连接到 OceanBase
    【JavaEE初阶】 线程池详解与实现
    卷积神经网络中的自适应加权池化
    Python代码规范
    好心情受邀出席“地球克隆计划5”元宇宙大会,发表主题演讲
    Docker容器的创建、启动、和停止及删除
    others-AppLovin广告接入
    背包问题学习笔记-二维费用的背包问题
    利用OpenCV的函数imwrite()保存图像到硬盘
  • 原文地址:https://blog.csdn.net/Kyrie_mvp/article/details/137973503