• 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;
  • }
  • }
  • 相关阅读:
    python读取图片
    腾讯叶聪:朋友圈爆款背后的计算机视觉技术与应用
    Linux19 --- 线程同步、用户级和内核级线程、互斥锁、信号量、读写锁、条件变量
    智思Ai企联系统去授权版本+uniapp前后端(内含教程)
    Intel汇编-奇偶标志位测试
    Bootstrap的宽度和高度的设置(相对于父元素的宽度和高度、相对于视口的宽度和高度)
    猿创征文|我是怎么学习编程的?
    [emditor] 去掉其中的空行
    kafka 3.0 离线安装
    多项式承诺:KZG
  • 原文地址:https://blog.csdn.net/Kyrie_mvp/article/details/137973503