mzjj.net

互联网动态_网站发展交流_win2003服务器安全_实用软件_计算机软件应用技术

« 看完北京奥运会开幕式文艺演出的个人感觉25岁了 »

图片超过大小自动缩小尺寸css代码

有时网页图片太大把网页挤压得变形,如果直接把图片大小固定死,每次都需要用工具裁,很麻烦,用下述CSS代码可以很好让图片自动缩小到合适的大小。

<style>
.new_body img{vertical-align: middle;max-width: 630px; width: expression(this.width >630 && this.height < this.width ? 630: true); }
</style>

<body>
<div class="new_body"><img src=""></div>
</body>

红色部分是关键,630是超过630后通过CSS定义图片按比例缩小到630的宽度,也可以将上述部分中的

.new_body img{vertical-align: middle;max-width: 630px; width: expression(this.width >630 && this.height < this.width ? 630: true); }

直接加到你网页原来的CSS文件中,然后在源代码中把图片代码插到<div class="new_body"> </div>之间即可,懂点CSS的应该一看就知道。

  • 相关文章:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Spirit Build 80722 Code detection by Codefense

Copyright 2001-2007 Mzjj.Net. All Rights Reserved. 湘ICP备05008094号