这个问题已被多次询问,但没有一个解决方案适合我。
我正在尝试对齐三张简单的图像,如下图所示。
第一张图片尺寸合适但我在重新调整剩余的两张图片时遇到问题。
我需要将这些图像的大小重新调整为190 x 157,但WordPress总是指定90px的错误高度。
我已经注册了自定义缩略图尺寸,但这不起作用。
add_image_size( 'homepage-slider-image-thumb-big', 190, 157, true );
我还尝试使用CSS设置尺寸,但图像被拉伸。
有人可以帮我解决这个问题吗?
更新:以下是我调用自定义尺寸的方式。
echo get_the_post_thumbnail($post->ID, 'homepage-slider-image-thumb-big', array('alt' => $post->post_title));
这是上面代码生成的标记。
<div class="col-lg-4 top-post-thumbs">
<div class="col-lg-12 post-thumb-big">
<img width="388" height="185" src="http://domain.com/wp-content/uploads/2014/10/10674399254_eb68aaa18b_k-702x336.jpg" class="attachment-388x210x1 wp-post-image" alt="Demo post 23">
</div>
<div class="col-lg-6 post-thumb-small">
<img width="190" height="90" src="http://domain.com/wp-content/uploads/2014/07/FIFA-sponsors-Brazil-2014-702x336-300x143.jpg" class="attachment-190x157x1 wp-post-image" alt="Demo post 1">
</div>
<div class="col-lg-6 post-thumb-small">
<img width="190" height="90" src="http://domain.com/wp-content/uploads/2014/06/falconet-praying-702x336-300x143.jpg" class="attachment-190x157x1 wp-post-image" alt="Demo post 5">
</div>
</div>
这是我尝试解决此问题的CSS。
.top-post-thumbs img {
width: 388px !important;
height: 185px !important;
}
.top-post-thumbs img {
width: 195px !important;
height: 157px !important;
}