专注收集记录技术开发学习笔记、技术难点、解决方案
网站信息搜索 >> 请输入关键词:
您当前的位置: 首页 > HTML/CSS

图片标签(<img>)如何设置才能控制图片不变形

发布时间:2010-05-20 14:01:29 文章来源:www.iduyao.cn 采编人员:星星草
图片标签(<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 ,原理就是按比例缩放.
友情提示:
信息收集于互联网,如果您发现错误或造成侵权,请及时通知本站更正或删除,具体联系方式见页面底部联系我们,谢谢。

其他相似内容:

热门推荐: