我有麻烦在我自己的可湿性粉剂主题。在首页，我显示3最后的文章。当标题是静态的（例如。Lorem ipsum dolor sit amet），标题正确地继续到下一行，如果一些字可能溢出。但当动态输出的标题从数据库，标题只是溢出的行宽，不继续第二行。为了显示来自数据库的标题，我使用WP函数the_title（）;。为什么会这样？我该怎么补救？谢谢。
flvtvl501#
出现此问题的原因可能是您从数据库检索的标题具有不同的长度和字体大小，这可能导致某些标题超出行宽，无法在第二行继续。要解决这个问题，您可以尝试添加以下CSS样式到您的WordPress主题：
.title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
这将导致任何超过两行的标题被省略号（“...”）截断，而不会溢出行宽。您还可以调整-webkit-line-clamp值，以指定在截断标题之前要显示的文本行数。
1条答案
按热度按时间flvtvl501#
出现此问题的原因可能是您从数据库检索的标题具有不同的长度和字体大小，这可能导致某些标题超出行宽，无法在第二行继续。
要解决这个问题，您可以尝试添加以下CSS样式到您的WordPress主题：
这将导致任何超过两行的标题被省略号（“...”）截断，而不会溢出行宽。
您还可以调整-webkit-line-clamp值，以指定在截断标题之前要显示的文本行数。