收藏
回答

一行有两个view,怎么一个左对齐,一个右对齐?

想要达到的效果:

目前效果:

代码和样式如下:

如果把rightTitle的flex-direction设成row-reverse,右边部分靠右了,但是里面的字体会颠倒,请问有什么解决办法?


回答关注问题邀请回答
收藏

6 个回答

  • 八九
    八九
    2022-03-17

    box样式

    displayflex;

      align-itemscenter;

      justify-contentspace-between;


    2022-03-17
    有用 4
    回复
  • zhiou
    zhiou
    2022-03-17
    .propertyBox{
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    
    
    2022-03-17
    有用 2
    回复
  • 小黎
    小黎
    2022-03-17

    .propertyBox{ display: flex; justify-content: space-between; align-items: center; }

    2022-03-17
    有用 1
    回复
  • 尐飞魚คิดถึง
    尐飞魚คิดถึง
    2022-03-17

    .propertyBox {justify-content: space-between;}

    2022-03-17
    有用 1
    回复
  • 老张
    老张
    2022-03-17

    1、在左view和右view之间加一个view,flex:1即可。

    2022-03-17
    有用
    回复
  • 养乐多💍
    养乐多💍
    2022-03-17
    .propertyBox{
       display: flex;
      flex-wrap: nowrap;
      align-items: center;
    }
    .leftTitle{
      flex:1;
    }
    
    2022-03-17
    有用
    回复 1
    • 养乐多💍
      养乐多💍
      2022-03-17
      别设置宽度
      2022-03-17
      回复
登录 后发表内容