现在的位置: 首页 > 综合 > 正文

真正的最短代码实现图片自适应div并且垂直居中(php实现无js)

2013年11月08日 ⁄ 综合 ⁄ 共 326字 ⁄ 字号 评论关闭

 

内含php代码,也就是说要装php哦

<head>
<style type="text/css">
#aaa{
 height:350px;
 width:150px;
 background-color:#999;
 }
#asdasd{
 height:auto;
 width:inherit;
 
 }
</style>
</head>
<body>
<?   $gao=300;$kuan=400  ?>
<div id="aaa">
<img id="asdasd" src="asd.jpg" style="padding-top:<? echo $aa=(350-$gao*(150/$kuan))/2;   ?>px;"/>
</div>
<img src="asd.jpg" />
</body>

抱歉!评论已关闭.