確保同一類別的所有 div 的大小均為最大的 div

Question

所以我得到了一些 div，像這樣：

<div class="personal-events-list">
    <div class="specific-event black-font">Something</div>
    <div class="specific-event black-font">Something else</div>
    <div class="specific-event black-font">Something more</div>
</div>

我希望它們具有相同的大小（假設有意義的是最大的大小），如下所示： https://i.stack.imgur.com/XxgzK.jpg

#目前我有這樣的東西： https://i.stack.imgur.com/TZmKt.jpg

#目前我有一個有「width: fit-content」的CSS，但這只會使它們的尺寸不同。我想出的唯一真正的解決方案是使它們全部固定大小，例如“寬度：300px”，但這會使一些更大/更小的名稱看起來有點時髦......有沒有辦法做我想要的事情？

非常感謝您的寶貴時間！

編輯 1：新增 CSS######

.specific-event {
  width: fit-content;
  margin-bottom: 10px;
  text-decoration: none;
  color: black;
  padding: 5px 10px;
  background-color: #d1d1d1;
  border-radius: 8px;
}

.specific-event:hover {
  background-color: #9c9c9c;
  color: white;
}

###

Answer 1

嘗試將 width: fit-content 新增到 .personal-events-list 而不是 .special-event

像這樣：

.specific-event {
  margin-bottom: 10px;
  text-decoration: none;
  color: black;
  padding: 5px 10px;
  background-color: #d1d1d1;
  border-radius: 8px;
}

.specific-event:hover {
  background-color: #9c9c9c;
  color: white;
}

.personal-events-list {
  width: fit-content;
}

    
Something
    
Something else
    
Something more