div里面的图片超出div的宽度,自动调整大小。
来源:互联网 发布:js多级联动下拉菜单 编辑:程序博客网 时间:2024/05/16 16:10
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
#pic{ margin:0 auto; width:740px; padding:0;}
#pic img{ max-width:740px; width:expression_r(document.body.clientWidth>document.getElementByIdx_x_x("pic").scrollWidth*9/10? "740px": "auto" );}
</style>
</head>
<body>
<div id="pic" style="width:740px;">
<img id="img" src="http://f.hiphotos.baidu.com/image/pic/item/bd3eb13533fa828bd30590f5fe1f4134970a5a85.jpg" alt="" runat=server/>
</div>
</body>
</html>
<html>
<head>
<title></title>
<style type="text/css">
#pic{ margin:0 auto; width:740px; padding:0;}
#pic img{ max-width:740px; width:expression_r(document.body.clientWidth>document.getElementByIdx_x_x("pic").scrollWidth*9/10? "740px": "auto" );}
</style>
</head>
<body>
<div id="pic" style="width:740px;">
<img id="img" src="http://f.hiphotos.baidu.com/image/pic/item/bd3eb13533fa828bd30590f5fe1f4134970a5a85.jpg" alt="" runat=server/>
</div>
</body>
</html>
测试谷歌 ie8、10都能用。
0 0
- div里面的图片超出div的宽度,自动调整大小。
- 让超出DIV宽度范围的文字自动显示省略号...
- 两个并列的div,一个确定宽度一个自动调整
- DIV内容超出div宽度后自动换行的css代码
- GridView的宽度超出Div的宽度的解决办法
- javascript 调整宽度和高度的div
- CSS网页布局中 DIV和TABLE超出宽度自动换行的情况分析
- html内容超出了div或p的宽度如何换行让内容自动换行
- CSS 怎么设置div的宽度根据里面的内容大小的变化
- 网页中如何使超出页面大小的图片自动适合页面宽度?
- div里面的内容超出自身高度时,显示省略号
- div里面的内容超出自身高度时,显示省略号
- 自动调整宽度的图片按钮
- js控制div宽度的自动生成
- Div与图片之间的间隙调整
- div里面的文字自动转行
- 图片随着鼠标移动而拉伸,超过固定div宽度,图片自动隐藏超过的部分
- UILabel自适应里面的文字,自动调整宽度和高度
- 编译选项-l,-L,-I
- C++多线程编程入门之经典实例
- C语言的按位 或,与,非,异或 运算符
- 关闭ubuntu 中的alt快捷键
- Activity、Task、应用和进程
- div里面的图片超出div的宽度,自动调整大小。
- Linux目录结构
- 您好太阳膜覆土以后麦克风一股门槛
- HDU 2844 Coins (多重背包)
- 【Java数据结构的实现】之系列三栈的实现(使用栈计算后缀表达式)
- jquery实现全选,反选,不选
- 虚拟机包 OVF和OVA的区别
- Hadoop 文档倒排索引实现
- iOS 线程安全