SharePoint Online快速链接磁贴布局能否铺满自定义图片?
该需求可行,可通过以下步骤实现:
准备适配比例的自定义图片
快速链接磁贴有默认宽高比例,先根据预期磁贴大小裁剪图片(比如标准磁贴推荐256×256像素,小尺寸磁贴可用128×128像素),确保图片比例与磁贴一致,避免显示变形。调整Web部件基础设置
- 编辑SharePoint页面,选中快速链接Web部件后点击「编辑」按钮。
- 在布局选项中选择「磁贴」,关闭「填充空间」选项。
- 逐个编辑快速链接条目,上传提前准备好的适配图片,此时图片会更贴合磁贴范围。
自定义CSS优化(可选,用于精准控制)
如果默认设置仍无法满足铺满需求,可通过自定义CSS强制调整图片显示:- 在页面添加「嵌入」Web部件(现代页面),或者「脚本编辑器」Web部件(经典页面)。
- 插入以下代码,根据实际需求修改尺寸数值:
.ms-QuickLink-tileImage { width: 100% !important; height: 100% !important; object-fit: cover; /* 保持图片比例并铺满磁贴,超出部分自动裁剪 */ } .ms-QuickLink-tile { width: 150px !important; /* 自定义磁贴宽度 */ height: 150px !important; /* 自定义磁贴高度 */ } - 保存页面后查看效果,可多次调整CSS参数直到符合布局要求。
内容的提问来源于stack exchange,提问作者pache78
相关产品推荐
相关产品推荐

