Bootstrap面板标题文本剪裁

Question

我用面板制作了两列，其中包含响应式图像。面板的标题包含指向这些图像的链接。在水平调整视口大小时，链接会从标题中剪切掉。

Answer 1

这是CSS中的默认行为，但可以通过设置overflow-wrap和word-wrap属性来更改它。

.word-wrap-fix {
    overflow-wrap: break-word;
    word-wrap: break-word;
}

Here是一个工作示例，其中有两个标题很长的小组，其中一个.word-wrap-fix已应用。

This link非常清楚，并提供了一些示例。