QQ 1640076782

2011年08月20日

产品列表,产品图片上下左右居中

Filed under: li — lifengwu @ 2:47 上午

在产品列表页面,单个产品的显示一般都有图片和产品名称(购物网站还会有价格、特价等),如图:

每个产品都会整齐地排列,而图片的显示是在一个区域内相对上下左右边缘居中对齐的,如图:

所以产品名称也能整齐的排列,如图:

所以在我们的网站中产品列表页面中,产品都是整齐地排列在一起的。
案例:http://www.babysilicone.com/cree–spot-light-c-478.html
如果产品图片大小不一,产品图片就全部上下左右居中显示。如果想让产品图片很整齐地排列,那就要把产品图片的长与宽裁剪成一个固定比例,一般最好的做法就是裁剪成正方形(看实际情况,或许有些网站的产品不同,要求也就不同)。
案例:http://www.cheapafclothes.com/products-new.html