读书人

图片标签(lt;imggt;)如何设置才能控制图

发布时间: 2012-02-07 17:45:36 作者: rapoo

图片标签(<img>)怎么设置才能控制图片不变形?
我的表格里面有一个图片,但图片是不确定大小、长宽的比例的,但知道那个放图片的单元格是160X200的。
请问怎么才能让不同大小和长宽比例的图片,自动放到这个单元格内,而保证长和宽都不超过单元格的限制,而且保持图片原来的长宽比例?
谢谢!

[解决办法]
http://www.ddcat.net/blog/archives/2007/10/188.html
[解决办法]
很简单,你只需要限制长或宽中的一个就好了,另一个会保持原来的比例跟着变的……!
我这里面是限制的宽:

HTML code
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><link rel="stylesheet" href="11.css" type="text/css" /><style type="text/css">.sss{width:160px;height:200px;}.sss img{width:160px;}</style></head><body><div class="sss">       <img src="clothes.jpg" />   </div> </body></html>
[解决办法]
限制宽度或高度,
〈img src="pic.jpg" width="200px"〉

或〈img src="pic.jpg" height="200px"〉
[解决办法]
先判断高,过高则等于

再判断宽,过宽则等于
[解决办法]
当然不能用css简单控制,如用c#编程,则用thumbnail ,原理就是按比例缩放.

读书人网 >CSS

热点推荐