HTML中figure居中对齐与margin设置

• 方法一（最通用）： 给

  设置固定/内联宽度 + margin: 0 auto

  figure {
    width: fit-content; /* 或具体值如 400px */
    margin: 0 auto;
  }

• 方法二（推荐）： 父容器用 Flex 布局

  figure {
    margin: 0; /* 先清掉可能的默认或继承 margin */
  }
  figure-container {
    display: flex;
    justify-content: center;
  }

• 方法三（适合图文组合）： 用 text-align: center 配合 display: inline-block

  figure {
    display: inline-block;
    margin: 0;
  }
  figure-container {
    text-align: center;
  }

注意：fit-content 在旧版 Safari 中支持有限，生产环境若需兼容 IE 或老 Safari，优先选 inline-block 或 Flex 方案。

figure的margin默认值到底是多少？

所有主流浏览器对