zoukankan      html  css  js  c++  java
  • div里面的图片超出div的宽度,自动调整大小。

    <!DOCTYPE html>
    <html>
    <head>
    <title></title>
    <style type="text/css">
    #pic{ margin:0 auto; 740px; padding:0;} 
    #pic img{ max-740px; expression_r(document.body.clientWidth>document.getElementByIdx_x_x("pic").scrollWidth*9/10? "740px": "auto" );}
    </style>
    </head>
    <body>
        <div id="pic" style="740px;">
            <img id="img" src="http://f.hiphotos.baidu.com/image/pic/item/bd3eb13533fa828bd30590f5fe1f4134970a5a85.jpg" alt="" runat=server/>
        </div>
    </body>
    </html>

    测试谷歌 ie8、10都能用。


  • 相关阅读:
    mybatis mapper配置
    python 练习题
    python 函数
    python 文件处理
    python3 编码解码
    messagebox
    Python 基础
    PyMongo
    tkinter Text
    python tkinter entry
  • 原文地址:https://www.cnblogs.com/yanergui/p/5014332.html
Copyright © 2011-2022 走看看