你可以将visibility设置为hidden，但请记住，它会从UI中隐藏它，但这个div仍然会占用空间，你可以在下面的例子中看到这一点
或者，您可以将列表元素的flex basis设置为50%，并将想要隐藏或从DOM中删除的元素的display设置为none
根据你想要实现的目标，你也可以检查如何使用网格来实现。

.list-detail {
  display: flex;
  gap: 10px;
}

.first-list,
.second-list {
  flex: 1;
  height: 100px;
  border: 4px solid blue;
}

.first-list {
  visibility: hidden;
}

个字符

如果我理解正确的话，您希望在div.second-list为空时将div.first-list居中，并且还希望div.first-list占据50%的空间，解决方案如下

let second = $('.second-list').text();
    if(second.length == 0){
      $('.second-list').remove();
    }

.list-detail{
    display:flex;
}
.first-list, .second-list{
  margin: auto;
  width: 50%;
  border: 3px solid green;
  padding: 10px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="list-detail">
    <div class='first-list'>
 Magna adipisicing consequat reprehenderit culpa. Tempor aliquip enim occaecat nisi officia amet ex quis. Culpa esse consectetur eiusmod excepteur commodo sint velit cupidatat enim consequat enim officia mollit exercitation.
    </div>
  <div class='second-list'></div>
</div>