在首页调用一排缩略图,img标签当中,也写了高度和宽度,css样式也没有问题,但是发现,由于图片大小不一,缩略图变形导致各种错位,可以直接在页面顶部,写一个css,控制高度和宽度,超过部分直接隐藏即可。例如下列代码放入</head>之前。
<style type="text/css"> <!-- .tu10 img{ width:260px; height:130px; overflow:scroll; } --> </style>
然后在需要调用图片的地方进行调用一下:
<div class="tu10 "> <img height="130" width="260" class="img-responsive center-block " src="111.png" alt="图片" /> </div>