2

誰でも助けてもらえますか?カテゴリ ページがひどく混乱しています。画像の幅を 300px に設定しました。ただし、グリッドのサイズを変更することはできません。したがって、基本的には、グリッドに収まる 300px を可能な限り表示し、画像を垂直にスライスします。

http://www.ellamatthew.com/dresses

.products-grid li.item {width: 300px;} 
.products-grid .product-image { display:block; text-decoration:none !important; margin:0 auto 10px; position:relative; width:300px; }

ここで他に変更する必要があるものはありますか?ここでのヘルプは非常に役立ちます。

ありがとう

4

1 に答える 1

1

まず第一にあなたのdiv

.col2-right-layout .products-grid li.item, .col2-left-layout .products-grid li.item

コンテンツではありませんwidth:300px。それは160px

2番目の大きな問題は、画像widthに左右両方の空白が含まれているため、このように配置が乱れることです。

300pxレイアウトで調整できるように、空白を削除するか、製品のボックスを作成することをお勧めします。

もっとお手伝いできることがあれば教えてください。

于 2013-07-02T09:55:13.530 に答える