css+js完美控制图片大小

2020-05-12 我要评论

使用js和css讲图片的现实控制在固定的区域内，大于这个区域的等比例缩放，小于这个区域的居中显示。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>css+js完美控制图片大小</title> 
<script type="text/javascript" language="JavaScript"> 
 
</script> 
<style type="text/css"> 
 
</style> 
</head>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

猜您喜欢

05-12IE8 下的Js错误HTML Parsing Error...
05-12jQuery 判断页面元素是否存在的代码
05-12JavaScript写的一个DIV 弹出网页对话框
05-12使用JQuery和s3captche实现一个水果名字的验证
05-12JS 添加删除元素的实现代码
05-12javascript 不停(setInterval)/延时(setTimeout)函数使用实例
05-12img标签中onerror用法
05-12什么是JavaScript
05-12Javascript Global对象
05-12Javascript Math对象
05-12Javascript 作用域使用说明
05-12Javascript 继承机制实例
05-12Javascript 继承机制的实现
05-12Javascript 继承实现例子
05-12一些不错的JS 自定义函数
05-12JavaScript 十六进制RGB色码转换器
05-12JQuery jsonp 使用示例代码
05-12JavaScript 权威指南(第四版) 读书笔记

css+js完美控制图片大小

相关文章

猜您喜欢

今日热门