咕嘿嘿poi 2023-03-01 21:32 采纳率: 52%
浏览 38
已结题

flex弹性盒子布局问题

img

假设上图的3个红框已经按照了 justify-content: space-between; align-items: center; 这两个属性排列,
如果想改变中间的框垂直方式的话可以用 align-self 来覆盖掉 align-items 属性这显然是没问题的。
但是想改变它的水平位置的话应该怎么做?由于父级设置了 display:flex 所以是用不了浮动的,
后面F12看到有justify-self 想来应该用法和 align-self 一样,但是我直接用却不能像 align-self 那样来控制水平方向的位置.

  • 写回答

2条回答 默认 最新

  • 以山河作礼。 新星计划导师 2023-03-01 22:01
    关注

    justify-self 只能用于替换 flex-item 的 justify-content 属性,不能用于替换 flex-container 的 justify-content 属性。要替换 flex-container 的 justify-content 属性,可以使用 margin 来实现。回答不易,记得采纳呀!

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 3月10日
  • 已采纳回答 3月2日
  • 创建了问题 3月1日