如何将所有SharePoint Gallery卡片的内容居中？

嘿，我来帮你搞定这个问题！要让SharePoint里Gallery组件的所有卡片内容居中，有两种实用的方法，你可以根据自己的权限和实际需求选择：

方法一：用卡片格式化功能（无需额外权限，推荐） #

这是SharePoint自带的可视化配置方式，不用写复杂代码也能搞定：

• 打开包含Gallery的页面，点击页面右上角的「编辑」按钮进入编辑模式
• 选中Gallery组件，右侧会弹出属性面板，找到「格式化卡片」选项并点击
• 在弹出的格式化编辑器中，找到控制卡片容器的代码块（一般是elmType: "div"且带有sp-card-container类的部分），把它的style里的相关属性修改成居中对齐：
  • 将alignItems的值从flex-start改成center
  • 如果需要整体垂直也居中，可以把justifyContent改成center
  • 另外，给文本内容加上"textAlign": "center"确保文字也居中
• 给你个简单的修改示例，修改后的核心代码大概是这样：

{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/tile-formatting.schema.json",
  "height": 250,
  "width": 250,
  "formatter": {
    "elmType": "div",
    "attributes": {
      "class": "sp-card-container"
    },
    "style": {
      "display": "flex",
      "flexDirection": "column",
      "alignItems": "center",
      "justifyContent": "center",
      "padding": "16px",
      "height": "100%",
      "textAlign": "center"
    },
    "children": [
      // 这里是你卡片里的标题、内容等组件
    ]
  }
}

• 修改完成后点击「保存」，刷新页面就能看到所有卡片内容都居中啦

方法二：自定义CSS（需要站点管理员权限） #

如果你的站点允许自定义样式，可以用这种更全局的方式：

• 以站点管理员身份登录，打开站点的「Style库」，新建一个CSS文件，比如命名为gallery-center.css
• 在文件里添加以下样式代码：

/* 让卡片容器整体居中 */
.sp-card-container {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}
/* 确保卡片内的文本内容也居中 */
.sp-card-content, .sp-card-title {
  text-align: center !important;
}

• 回到需要修改的页面，进入编辑模式，添加一个「脚本编辑器」Web部件，在里面引用刚才创建的CSS文件路径
• 保存页面后，所有Gallery卡片的内容就会自动居中了

小贴士：用第一种方法时，记得先备份原来的格式化代码，万一改出问题还能恢复哦！

备注：内容来源于stack exchange，提问作者user1903995