动态标题在 WP 中无法正确显示

Question

我自己的 WP 主题有问题。在首页，我展示了最后 3 篇文章。当标题是静态的时（例如 Lorem ipsum dolor sit amet），如果某些单词可能溢出，标题会正确地继续到下一行。但是从db动态输出标题时，标题只是溢出了线宽，没有继续到第二行。

为了显示来自数据库的标题，我使用 WP 函数 the_title();。

为什么会这样？我该如何解决？

谢谢。

Answer 1

发生此问题的原因可能是您从数据库中检索的标题具有不同的长度和字体大小，这可能会导致某些标题超出行宽而无法在第二行继续。

要解决此问题，您可以尝试将以下 CSS 样式添加到您的 WordPress 主题：

.title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

这将导致任何超过两行的标题被省略号（“...”）截断并且不会超出行宽。

您还可以调整 -webkit-line-clamp 值以指定在截断标题之前要显示的文本行数。