有没有一种使用ajax水平对齐动态卡的方法？

<div id="card-container"></div>

.card {
  width: 200px;
  height: 300px;
  margin: 10px;
  background-color: #f0f0f0;
  display: flex;
  align-items: center;
  justify-content: center;
}

var cardContainer = document.getElementById('card-container');

function loadCards() {
  // 发送ajax请求获取数据
  // 这里使用了jQuery的ajax方法作为示例
  $.ajax({
    url: 'your-api-url',
    method: 'GET',
    success: function(response) {
      // 清空卡片容器
      cardContainer.innerHTML = '';

      // 将数据填充到卡片中
      response.forEach(function(item) {
        var card = document.createElement('div');
        card.className = 'card';
        card.textContent = item.title;
        cardContainer.appendChild(card);
      });
    },
    error: function(error) {
      console.log(error);
    }
  });
}

// 页面加载完成后加载卡片
document.addEventListener('DOMContentLoaded', loadCards);