0

私は助けが必要です...

ここでビューを取ります...

http://jsbin.com/ititac/10/edit

ご覧のとおり、水平方向の画像はすでに中央に配置されています。

しかし、問題は、2つの垂直方向の画像が中央に配置されていないことです...

また、2つの画像ではないことに注意してください。

何百ものサンプル画像になる可能性があります...

あなたがこれで私を助けることができることを願っています...

4

1 に答える 1

0

このcssを試してください：問題が解決することを願っています：

#product_thumbs .product_thumb {
float: left;
padding: 5px;
border: 1px dashed #B52020;
margin: 0 10px 10px 0;
width: 90px;
height: 90px;
overflow: hidden;
}

#product_thumbs .product_thumb img {
  width: 90px;
  position: relative;
  top: 25%;
  left: 30%;
  height: 80%;
  width: 90%;
  margin: -15% 0 0 -25%;
}

ここにデモがあります

http://jsbin.com/ititac/18/edit

以下のリンクが役立つことを願っています:

http://www.vanseodesign.com/css/vertical-centering/
于 2012-10-09T15:44:45.547 に答える