龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > div+css/html >

css图片等比例缩放实例

时间:2012-12-29 08:41来源:未知 作者:admin 点击: 次
分享到：
昨天自己的一个网站需要实现图片等比例缩放，但又不能使用js只能用css控制div中的img为指定大小，下面我找到一段代码分离给大家。 代码如下 style type=text/css .thumbImage img{ MAX-WIDTH: 100
昨天自己的一个网站需要实现图片等比例缩放，但又不能使用js只能用css控制div中的img为指定大小，下面我找到一段代码分离给大家。
 代码如下

<style type="text/css">
.thumbImage img{
MAX-WIDTH: 100%!important;HEIGHT: auto!important;width:expression(this.width > 600 ? "600px" : this.width)!important;
}
.thumbImage {MARGIN: auto;WIDTH: 600px;}
*html.thumbImage img{
width:expression(this.width>600&&this.width>this.height?450:auto);
height:expresion(this.height>450?450:auto);
}
</style>

html代码

 代码如下

<body>
<DIV  class="thumbImage" ><img  src="2007910112041114.jpg"  border="0"></DIV>
</body>

这样只要在 class中thumbImage图片都会等比例缩放哦，小了就原始显示大的就等比例缩小。


精彩图集
BS项目中的CSS架构_仅加载自己需要的CSS
BS项目中的
css实现气泡框效果(实例加图解)
css实现气泡

热门标签

hack，浏览器 网址信息 昨日 lstrip 雅虎 C语言特性 vbscript下调用 sphinx 引用参数 listview Kmeans++算法 not_in 物化视图 测试数据 解释器模式 父层 ClipboardMan 监听键盘 mysql创建外键 wrapAll() 后一天 5.6(脚本宿主) nchar JavaScript核心 crud 文件 文件解压 typedef 字符类型 复合索引 Analytics STATIC_ROOT MySQL随机 clob base标签 Loader 拼合生成器 thinkphp验证码 Connections_ 命令知识 zend_studio 闪烁 pathinfo 带宽 读写sd卡 转化函数 隐藏窗口 线性时间 pickle 秒转换 UpdateDaset vnc new Remove函数用法 数字 鼠标停留 安装技巧 sql查询count synchronized 存储位置 nextTick()

赞助商链接