当前位置: 首页 > 知识库问答 >
问题:

flexbox Justify-Self:flex-end不工作?[副本]

陈嘉荣
2023-03-14

我有一个布局,有时‘左’项丢失。在这种情况下,我仍然希望“Right”项右对齐。

我原以为可以使用justify-self来实现这一点,但事实似乎并非如此。

是否有一个flexbox属性用于右对齐自己?

.row {
  border: 1px solid black;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.left,
.right {
  display: inline-block;
  background-color: yellow;
}

.right {
  justify-self: flex-end;
}
<div class="row">
  <!--<div class="left">left</div>-->
  <div class="right">right</div>
</div>

共有1个答案

翟曦之
2023-03-14

您可以在right元素上使用margin-left:auto。另外,当您在父元素上使用display:flex时,在子元素上使用display:inline-block将不起作用。

.row {
  border: 1px solid black;
  display: flex;
  align-items: center;
}
.left,
.right {
  background-color: yellow;
}
.right {
  margin-left: auto;
}
<div class="row">
  <!--<div class="left">left</div>-->
  <div class="right">right</div>
</div>
 类似资料:
  • 数据库中有一个表'hit_count'只包含一列'count',我正尝试在该表中统计用户的命中数。问题是,每当我运行这段代码时,它会显示一条错误消息“Fatal error:Call to undefined function mysqli_result()”。请救命!!

  • 我需要在我的Jhipster应用程序(4.8.2)的多个站点中共享一个组件,我已经将我的组件添加到文件:: 看起来一切都很顺利,但是那个组件内的NgModel指令已经停止工作了。 如果它是value,我不带指令它读起来很好,问题是当我在带有NgModel指令的“input”中使用它时 有人能帮我解决这个问题吗? 谢谢.

  • roundedValue浮动5.6784339 如何得到5.67或5.68?

  • 我有运行的Artemis版本2.17.0副本设置与主和两个从。当我在web控制台中检查“Broker Diagram”视图时,它工作得很好,我看到主从机之间的连接(另一个从机作为备份),如图所示 我现在将Artemis升级到2.18.0版本,在重新启动所有Artemis代理后,当我检查“代理关系图”时,我只看到主节点,没有上图中的从节点链接。另外两个节点作为从节点运行,因此只有一个主节点。 正如我

  • 我的代码是工作的,但是当我键入否,如果我想重试输入密码,它不工作;它只是进入输入密码行(第20行)。我尝试了多种方法来解决这个问题,但我就是做不到。

  • 本文向大家介绍svn 更新工作副本,包括了svn 更新工作副本的使用技巧和注意事项,需要的朋友参考一下 示例 您不是唯一从事此项目的人,对吗?这意味着您的同事也正在对项目数据进行修改。为了保持最新状态并获取其他人所做的修改,您应该svn update在工作副本中运行command。因此,您的工作副本将与存储库同步并下载同事所做的更改。 的简写svn update是svn up。 这是svn upd