wordpress 缩略图下的文本太宽。需要像素限制

Posted

技术标签:

【中文标题】wordpress 缩略图下的文本太宽。需要像素限制【英文标题】:Text under wordpress thumbnails is too wide. Needs pixel limit 【发布时间】:2012-06-02 20:51:45 【问题描述】:

我的缩略图是由用户的帖子生成的,标题写在下面。我的缩略图是 156 像素宽。

目前我正在使用 mb_strlen 将字符数限制为 24 个,然后是...

如果某人的头衔是

“从前,汤姆的房子被烧毁了。”

缩略图下的标题显示为

'从前,汤姆#&s...'

适合(即使我无法解决撇号问题 - 请也帮忙解决)。

但如果标题是

“从前,汤姆的房子被烧毁了。”

然后它下降到第二行,因为文本更宽(即使在这个编辑框中文本是统一的),它看起来像这样

'从前

,汤姆#&S...'

为了适应人们有时使用的大写字母,我不得不将 mb_strlen 设置为 12 左右,这在英语中是没有用的。

那么有人可以告诉我如何更改下面的代码,以便尊重 156 像素宽度而不是字符数吗?

<p><a href="<?php the_permalink() ?>"><?php if ( mb_strlen(get_the_title()) >= 24 ) echo mb_substr( get_the_title(), 0, 24 ).'...'; else the_title(); ?></a></p>

【问题讨论】:

【参考方案1】:

我认为解决您的问题的最佳解决方案是像这样的解决方案,使用 CSS 和旧版浏览器的 jQuery 后备?

Truncate text with jQuery based on pixel width

【讨论】:

以上是关于wordpress 缩略图下的文本太宽。需要像素限制的主要内容,如果未能解决你的问题,请参考以下文章

wordpress4.4+版本自动生成一个768w像素缩略图的解决办法

如何在最近的帖子Wordpress中添加缩略图

保留缩略图中的原始比例

将图像覆盖添加到特定类别的缩略图 - wordpress

Bootstrap4缩略图和面板

woocommerce 目录图像缩略图模糊