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

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日

悬赏问题

  • ¥15 安装GroudingDINO RuntimeError: Error compiling objects for extension
  • ¥15 关于推送项目到github的问题
  • ¥15 急!C++指针编写相关的问题
  • ¥15 kerberos身份认证配置问题
  • ¥30 用python写一个多签情况下波场的代理资源和回收资源
  • ¥15 怎么在matlab中输出显示泵的流量-扬程和管路损失与流量均在一个表格里
  • ¥15 matlab学期例题代码答疑
  • ¥15 在线手电筒追加按钮JS
  • ¥15 调用函数时,无关变量的改变引起函数值的改变
  • ¥15 xy坐标转化为经纬度坐标