如何以平铺格式而不是表格格式显示角度数据

<div id="angle-container" class="tile-container"></div>

.tile-container {
  display: flex;
  flex-wrap: wrap;
}

.angle-card {
  width: 200px;
  height: 150px;
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  margin: 10px;
  padding: 10px;
}

const angleData = [30, 45, 60, 90, 120, 135, 150, 180];

const angleContainer = document.getElementById('angle-container');

angleData.forEach(angle => {
  const angleCard = document.createElement('div');
  angleCard.classList.add('angle-card');
  angleCard.textContent = `${angle}°`;
  angleContainer.appendChild(angleCard);
});