嘿，这个问题我太熟了！完全可以给Content Search Web Part里的文档名称设置自动换行，而且操作起来也不复杂，分两种场景给你说具体方法：

方法1：现代页面（推荐） #

如果你的页面是SharePoint Online现代版页面，按以下步骤来：

• 编辑你的三栏页面，在页面底部添加一个Embed Web Part（嵌入部件）
• 打开Embed的属性面板，点击「添加代码」，粘贴这段CSS代码：

/* 让Content Search Web Part的文档标题自动换行 */
.ms-srch-item-title a {
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

• 保存页面并刷新，你会看到过长的文档名称会自动换行，再也不会撑开左侧栏的宽度了

方法2：经典页面 #

要是你用的是经典版页面，就用Script Editor来实现：

• 编辑页面，添加Script Editor Web Part到页面任意位置（比如底部就行）
• 点击Script Editor里的「编辑Snippet」，粘贴带<style>标签的代码：

<style>
.ms-srch-item-title a {
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}
</style>

• 保存页面，效果立刻生效

额外优化提示 #

• 默认的Content Search Web Part标题样式是white-space: nowrap（强制不换行），咱们的CSS就是把这个属性改成允许换行，同时加上word-wrap和overflow-wrap确保超长单词也能拆分换行
• 如果你想只针对左侧栏的这个Web Part生效（不影响页面其他同类型部件），可以给目标Web Part加自定义类：编辑Web Part属性，在「Chrome Type」下方的「CSS Class」里填个自定义名称（比如left-sidebar-search），然后把CSS改成：

.left-sidebar-search .ms-srch-item-title a {
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

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