图片的等比例缩放代码,Js代码库,德仔网

代码语言

代码分类

【Js】图片的等比例缩放

作者:培政 / 发布于2017/9/11/ 359

等比例缩放标识：
<style>
  ul,li{margin:0;padding:0}ul,ol,li{list-style:none}
  #upPicture img{max-height:160px;max-width:100px;border:none;}
  #upPicture_ul{display:block;height:160px;width:500px;}
  #upPicture_ul>li{display:table-cell;height:160px;width:100px;text-align:center;vertical-align:middle;
}
</style>
    
 <div id="upPicture" region="south" border="true" style="border: 1px #3366FF solid; height: 160px;">
          <ul id="upPicture_ul">暂无
         </ul>

  </div>

//获取图片链接然后赋值(多个图片)

var picture='<img src="图片链接" width="100%">'; 

$("#upPicture_ul").html(picture);

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

同语言下

可能有用的

培政贡献的其它代码(22)