如何通过内容编辑器Web部件让SharePoint公告Web部件创建者与日期同行

当然可以！既然你没有权限修改SharePoint文件或使用Designer，用内容编辑器Web部件（经典页面）或嵌入代码Web部件（现代页面）添加自定义CSS是完全可行的方案，具体步骤如下：

操作步骤 #

1. 编辑目标页面 #

进入包含公告Web部件的页面，点击页面顶部的编辑按钮，进入编辑模式。

2. 添加内容编辑器/嵌入代码Web部件 #

• 经典页面：在页面合适位置（建议放在公告Web部件下方）添加「内容编辑器」Web部件。
• 现代页面：添加「嵌入代码」或「脚本编辑器」Web部件（取决于你的租户配置）。

3. 插入自定义CSS代码 #

• 对于内容编辑器Web部件：点击Web部件的「编辑源代码」按钮，将以下代码粘贴进去：

<style>
/* 调整Newsletter样式公告Web部件的创建者和日期布局 */
/* 可通过F12开发者工具查看元素实际类名，按需调整选择器 */
.ms-newsletter .ms-vb-user,
.ms-newsletter .ms-vb-date {
    display: inline-block;
    margin-right: 20px; /* 自定义两个字段的间距 */
}

/* 用弹性布局确保字段垂直对齐 */
.ms-newsletter .ms-itmhover .ms-vb2 {
    display: flex;
    align-items: center;
}
</style>

• 对于现代页面的嵌入代码Web部件：直接粘贴上述包含<style>标签的代码即可。

4. 验证并保存页面 #

点击「保存」或「发布」页面，刷新后查看效果。如果样式没生效，你可以用浏览器的开发者工具（按F12）右键检查「Created By」或「Created Date」元素，查看它们的实际CSS类名，再调整代码中的选择器（比如替换.ms-newsletter为页面实际的容器类）。

注意事项 #

• 确保自定义CSS Web部件在公告Web部件之后加载，这样样式才能正确覆盖默认样式。
• 如果你的租户限制了自定义脚本，可能需要联系管理员临时开启相关权限，但大部分场景下这种轻量级的CSS修改是允许的。

内容的提问来源于stack exchange，提问作者Matt Hall