范例必读 (三)[table 中 img 自适应 div 大小缩放]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-type" content="text/html">
	<link rel="stylesheet" style="text/css" href="css.css">
	<title>test3</title>
<style>
</style>
</head>
<body>

<hr/>
<table align="center">
  <tr>
   <td>
     <div class="container box">
		<img src="啊啊.jpg"/>
     </div>
   </td>
  </tr>
</table>

</body>

css.css:

	.container{
		margin: 6px;padding:5px;
		border: 1px solid #D0D0D0;
		-webkit-box-shadow: 0 0 8px #D0D0D0;
		background:white;
	}

	.box{ width:50px; border:1px #000 solid;}
	img{ max-width:50px!important; height:auto!important; width:expression(this.width > 50 ? "50px" : this.width)!important;}

范例必读 (三)[table 中 img 自适应 div 大小缩放]_第1张图片

你可能感兴趣的:(XHTML,table,Class,div,border,stylesheet)