0

出于某种原因，在此页面上，图像没有整齐地放置在矩形内；相反，它们在 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 插件）一起使用。

4

2 回答 2

0

问题出在第 116 行的索引文件 ( http://yadress.com/make-it-yourself/ ) 中。在锚点选择器上。

.product_grid_display .item_image a {
    width: 350px
}

从该锚点中删除宽度属性可以解决该问题。

于 2013-06-12T18:04:51.600 回答
0

你有3个选项

  1. 扭曲图像以适合框架（div），太糟糕了

    .product_grid_display .item_image a { 宽度：350px; 高度：150px；}

  2. 创建一个固定大小的框架，并覆盖属性：隐藏

    .item_image{width:px;height:150px;overfollow:hidden;}.item_image img{widht:100%}

  3. 使用 timthumb 裁剪适合框架的图片。（推荐，这是最好的方法，也有利于页面速度）本网站使用 timthumb，您可以参考本站

于 2013-06-12T20:01:54.710 回答