图片超过DIV宽度自适应

.main_con img
{
    max-width: 610px;
    height: auto;
    cursor: pointer;
    border: 0px double #cccccc;
    padding: 2px;
    zoom: expression( function(elm) {        if (elm.width>610)                     {  var oldVW = elm.width; elm.width=610;                                   elm.height = elm.height*(610 /oldVW);                             }            elm.style.zoom = ‘1‘;               } (this));
}

图片超过DIV宽度自适应,布布扣,bubuko.com

时间: 2024-09-30 11:12:47

图片超过DIV宽度自适应的相关文章

二列div宽度自适应

二列div宽度自适应:建议:尽可能的手写代码,可以有效的提高学习效率和深度.在之前的教程已经介绍了一列div宽度自适应.实现自适应效果的主要手段就是设置对象的width属性值为百分数.代码实例: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com

xHTML+div布局:三个div,两边div宽度固定,中间div宽度自适应

xHTML+div经常考题:三个div,两边div宽度固定,中间div宽度自适应. 和大家分享一个实现方式: 1.html代码 1 <div class="dyleft">左栏固定宽度为200px</div> 2 <div class="dyright">右栏固定宽度为200px</div> 3 <div class="dycenter">中间自适应宽度</div> 2.cs

实现三个div,固定左右两边的div宽为200,中间的div宽度自适应的四种方法

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>实现三个div,固定左右两边的div宽为200,中间的div宽度自适应的四种方法</title> <style type="text/css"> html, body { width: 100%; height: 100%; margin: 0; padding:

div 加滚动条 超过div宽度 自动换行 div居中

一.div 中加滚动条 一. <div style=" overflow:scroll; width:400px; height:400px;”></div> 记住宽和高一定要设置噢,否则不成的 不过在不超出时,会有下面的滚动条,所以不是最好的选择 二. <div style=" overflow-y:auto; overflow-x:auto; width:400px; height:400px;”></div> 记住宽和高一定要设置噢

移动端图片超过屏幕宽度处理办法

在手机端网页开发时: 有时候我们不希望图片宽度超过屏幕宽度 因为图片太宽会出现滚动条,滚动条是手机端网页的大忌. 解决办法: img{max-width:100%;!important} 这样即使图片再大也不会因为宽度而超过屏幕的宽度.

一列div宽度固定、一列div宽度自适应

一列固定.一列宽度自适应:建议:尽可能的手写代码,可以有效的提高学习效率和深度.之前的代码中,已经介绍过一列宽度自适应和二列宽度自适应,实现自适应的效果一般就是将相应对象的宽度以百分比的形式表示.在实际的布局中,一列宽度固定.一列宽度自适应.下面我们就以左侧div宽度固定,右侧div宽度是自适应为例.代码实例: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta n

关于怎么让div宽度自适应文字内容?

<div class="divbotuser" > <h2 style="text-align: center;width:fit-content;width:-webkit-fit-content;width:-moz-fit-content;" > <img style="border:1px solid #ddd;width:35px;height:35px;" src="http://wx4.sin

css控制div下图片自适应解决方法:图片不超过最大宽度

我们(特别是像我一样的菜鸟)经常会遇到一个问题——图片自适应.这个问题是很普遍的.在文章区,在论坛,可以这么说:哪儿需要上传图片,哪儿就存在这个问题,而论坛上也不时有人询问.为什么?原因很简单,我们不能要求网页编辑或者你的论坛会员都会裁剪图片或者了解最基本的html代码——尽管这并没有多少技术含量. 以前的解决方法主要是利用js来实现,但用过的人都知道该办法有点繁琐.还有一种是在外部容器定义over-flow:hidden.但这种办法只会切割图片而不会自动适用. 下面的办法的出现应该感谢伟大的c

&lt;转载&gt;使用css让大图片不超过网页宽度

让大图片不超过网页宽度,让图片不撑破通过CSS样式设置的DIV宽度! 接下来,我们来介绍下网站在开发DIV+CSS的时候会遇到一个问题,在发布一个大图片的时候因为图片过宽会撑破自己设置的div宽度的问题. 图片撑破布局原因1.由于浏览器版本低(微软IE6)2.没有设置div布局的宽度 解决图片超出宽度或撑破div css布局方法1.在文章中发布图片的时候将图片编辑缩小2.通过对对应div的css来设置显示的图片最宽宽度 推荐3.通过css对图片设定宽度. 通过css来解决图片撑破div布局案例通