Html 防止图像调整容器大小

Html 防止图像调整容器大小,html,css,wordpress,image,related-posts,Html,Css,Wordpress,Image,Related Posts,im在WP中使用“related posts”插件,但缩略图容器的大小与图像大小相同,如下所示: 尽管我在插件设置中设置了以像素为单位的宽度和高度,如下所示: 我想添加一个自定义css,以防止容器调整大小,并保持固定,无论图像大小。我希望所有缩略图容器的宽度和高度相同。 仅供参考,该图片来自帖子的特色图片 谢谢 带50px 50px测试的编辑屏幕截图 页面链接可能会有所帮助。在my LocalHost中,您是否尝试将缩略图的宽度和高度设置得更小?e、 g.50 x50@ChrisChen我就这

im在WP中使用“related posts”插件,但缩略图容器的大小与图像大小相同,如下所示:

尽管我在插件设置中设置了以像素为单位的宽度和高度,如下所示:

我想添加一个自定义css,以防止容器调整大小,并保持固定,无论图像大小。我希望所有缩略图容器的宽度和高度相同。 仅供参考,该图片来自帖子的特色图片

谢谢

带50px 50px测试的编辑屏幕截图


页面链接可能会有所帮助。在my LocalHost中,您是否尝试将缩略图的宽度和高度设置得更小?e、 g.50 x50@ChrisChen我就这么做了。它们变小了,但高度仍然不固定。图像纵横比控制它。我希望所有的沙发都是一样大小的。这里有一个屏幕截图,它们看起来是150 x 150:我无法打开链接,介意你在这里以50 x 50的大小发布页面的屏幕截图吗?链接到页面可能会有所帮助。在我的本地主机中,你是否尝试将缩略图的宽度和高度设置得更小?e、 g.50 x50@ChrisChen我就这么做了。它们变小了,但高度仍然不固定。图像纵横比控制它。我希望所有的沙发都是一样大小的。这里有一个屏幕截图,它们看起来像150 x 150:我无法打开链接,介意你在这里发布一个页面截图,大小为50 x 50吗?