如何获得左右缩略图的空白区域?

时间:2016-04-14 16:03:29

标签: html css

http://codepen.io/orangespire/pen/JXLXQa

基本上我想要的是摆脱图像左侧和右侧的缩略图空白。我知道我可以制作



img {
  width: 100%;
  }




摆脱它,但这只会使图像更大。有什么建议吗?

2 个答案:

答案 0 :(得分:0)

将缩略图div样式设置为

<div class="thumbnail" style="width:60%; margin:0 auto">

并将img宽度设置为100%

答案 1 :(得分:0)

img {width: 100%;}

.thumbnail {width:62%; margin-right:auto; margin-left:auto;}

http://codepen.io/ruchiccio/pen/vGRzmg