时间戳

首页 > 解决方案 > CSS：如果隐藏了兄弟元素，如何将元素向右移动？

css - CSS：如果隐藏了兄弟元素，如何将元素向右移动？

问题描述

我有三个链接...链接-a 链接-b 链接-c。

在某些情况下link-c是隐藏的，如果link-c不存在，我怎样才能使link-b右移，并且到中间的link-c存在？（这 3 个链接在 a 内display:flex div）

谢谢 ：）

标签： css

解决方案

您可以justify-content: space-between;为此目的使用 . 如果您指定div width链接将跨越宽度，否则将考虑整个宽度。

尝试删除.hidden类以查看效果justify-content: space-between;

div {
  display: flex;
  justify-content: space-between;
}

.hidden {
  display: none;
}
<div>
  <a href="#">Link 1</a>
  <a href="#">Link 2</a>
  <a href="#" class="hidden">Link 3</a>
</div>

推荐阅读