图片标签（<img>）如何设置才能控制图片不变形
日期：2014-05-17 浏览次数：21030 次
图片标签（<img>）怎么设置才能控制图片不变形？
我的表格里面有一个图片，但图片是不确定大小、长宽的比例的，但知道那个放图片的单元格是160X200的。
请问怎么才能让不同大小和长宽比例的图片，自动放到这个单元格内，而保证长和宽都不超过单元格的限制，而且保持图片原来的长宽比例？
谢谢！
------解决方案--------------------
http://www.ddcat.net/blog/archives/2007/10/188.html
------解决方案--------------------
很简单，你只需要限制长或宽中的一个就好了，另一个会保持原来的比例跟着变的……！
我这里面是限制的宽：
我的表格里面有一个图片，但图片是不确定大小、长宽的比例的，但知道那个放图片的单元格是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 ，原理就是按比例缩放.
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
