dede织梦缩略图中让图片依据阅读器的大小
发布时间:01/20 来源:未知 浏览:
关键词:
就像是html中的这样的代码:
<li><a class="pic"><img src="/images/91.jpg" /></a></li>
这样就可以控制.pic的大小了,在css中设置对.pic的控制:
a.pic {width:160px; height:120px; border:1px solid #E2E2E2; background:#F6F6F6; display:table-cell; overflow:hidden; vertical-align:middle; text-align:center; *display:block; *font-size:105px; *font-family:Arial;}
a.pic img {max-width:160px; max-height:120px; vertical-align:middle;}
这样就可以不会涌现由于阅读器的大小而涌现图片变形的题目,还可以通过max-width:160px;max-height:120px;vertical-align:middle;来调理缩略图的比例,要是想要转变,只有更改其中的数值就可以了。