// tab2.page.scss
ion-content {
    // 使用Flexbox来居中内容
    display: flex;
    flex-direction: column; // 使子元素垂直堆叠
    align-items: center; // 水平居中子元素
    padding: 20px; // 根据需要添加内边距
  }
  
  form {
    // 限制表单的宽度并使其水平居中
    width: 100%;
    max-width: 500px; // 可以调整这个值以适应最大宽度
    margin: auto; // 水平自动边距
  }
  
  ion-list,
  ion-card {
    width: 100%; // 使其宽度充满父容器
  }
  
  // 如果您希望ion-card也有最大宽度限制，可以添加如下样式
  ion-card {
    max-width: 500px;
    margin: 20px 0; // 上下边距
  }