Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/233.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 图像定位不正确_Php_Html_Css_Wordpress - Fatal编程技术网

Php 图像定位不正确

Php 图像定位不正确,php,html,css,wordpress,Php,Html,Css,Wordpress,由于某些原因,在页面上,图像没有整齐地放置在矩形内;相反,它们在IE、Chrome和Firefox中略微向右移动 <img height="350" width="150" class="product_image" id="product_image_<?php echo wpsc_the_product_id(); ?>" alt="<?php echo wpsc_the_product_title(); ?>" src="<?php echo wpsc_

由于某些原因,在页面上,图像没有整齐地放置在矩形内;相反,它们在IE、Chrome和Firefox中略微向右移动

<img height="350" width="150" class="product_image" id="product_image_<?php echo wpsc_the_product_id(); ?>" alt="<?php echo wpsc_the_product_title(); ?>" src="<?php echo wpsc_the_product_thumbnail(); ?>" />
“/>
为了均匀起见,我将图像的高度设置为350,宽度设置为150。 “矩形”本身是

<div class="item_image">
                        <a href="<?php echo wpsc_the_product_permalink(); ?>"> <!--IMG HERE--></a></div>


我正在将WP e-Commerce Grid View Lite插件与WP e-Commerce(另一个Wordpress插件)一起使用。

问题出在第116行的索引文件()中。在锚定选择器上

.product_grid_display .item_image a {
    width: 350px
}
从该锚中删除width属性可以解决此问题。

您有3个选项

  • 扭曲图像以适应帧(div),太糟糕了

    .产品\网格\显示。项目\图像a{ 宽度:350px; 高度:150像素; }

  • 创建固定大小的框架,并覆盖属性:隐藏

    .item_图像{width:px;height:150px;overfollow:hidden;}.item_图像{widt:100%}

  • 使用timthumb裁剪适合框架的图片。(推荐,这是最好的方式,也有利于页面速度) 本网站使用timthumb,您可以参考本网站


  • 谢谢,这很有效,但现在我无法调整图像高度,即使我在标签中添加了
    height=“350”