You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

SharePoint Online快速链接磁贴布局能否铺满自定义图片?

SharePoint O365快速链接磁贴自定义图片铺满解决方案

该需求可行,可通过以下步骤实现:

  • 准备适配比例的自定义图片
    快速链接磁贴有默认宽高比例,先根据预期磁贴大小裁剪图片(比如标准磁贴推荐256×256像素,小尺寸磁贴可用128×128像素),确保图片比例与磁贴一致,避免显示变形。

  • 调整Web部件基础设置

    1. 编辑SharePoint页面,选中快速链接Web部件后点击「编辑」按钮。
    2. 在布局选项中选择「磁贴」,关闭「填充空间」选项。
    3. 逐个编辑快速链接条目,上传提前准备好的适配图片,此时图片会更贴合磁贴范围。
  • 自定义CSS优化(可选,用于精准控制)
    如果默认设置仍无法满足铺满需求,可通过自定义CSS强制调整图片显示:

    1. 在页面添加「嵌入」Web部件(现代页面),或者「脚本编辑器」Web部件(经典页面)。
    2. 插入以下代码,根据实际需求修改尺寸数值:
      .ms-QuickLink-tileImage {
          width: 100% !important;
          height: 100% !important;
          object-fit: cover; /* 保持图片比例并铺满磁贴,超出部分自动裁剪 */
      }
      .ms-QuickLink-tile {
          width: 150px !important; /* 自定义磁贴宽度 */
          height: 150px !important; /* 自定义磁贴高度 */
      }
      
    3. 保存页面后查看效果,可多次调整CSS参数直到符合布局要求。

内容的提问来源于stack exchange,提问作者pache78

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.12 22:01:17