css 控制图片最大宽度

CSS 限制图片最大宽度

(本文来自本站原创，转载请务必注明出处！)

我们在制作一个网页的时候，经常要对一个区域里可能出现的图片的宽度进行限制，不然它可能会把页面撑得很烂很烂。
如果你采用固定宽度，长度来设置的话，比如在

<img height="200px" width="200px"

中设置，或者是在CSS中用

.img {height:200px;width:200px;}

来控制，不同规格的图片有可能会变形。这是一种最蠢的方法。经过摸索，我找到一串CSS代码，可以让图片在超过规定的宽度时，自动缩小，并且是按比例缩小，不会造成图片变形。如下：

.img{
max-width: 200px;
height:auto;
width:expression(this.width > 200 ? "200px" : this.width);
}

转载于:https://www.cnblogs.com/lianqianxue/archive/2011/05/05/2037731.html

css 控制图片最大宽度相关推荐

科讯首页css,科讯CMS纯CSS控制图片最大宽度
关键字描述:最大图片控制 &nbsp 这个 var // 宽度 maxwidth if 科汛CMS官方模板中自带了一段JS用来控制文章中的图片的最大高度和宽度.不过我也很奇怪,为什么这个j ...
html图片等比例拉伸,CSS控制图片等比例缩放
我们经常会需要把用户上传的图片等比例缩放在我们的网页上显示,下面我来介绍利用css控制图片比例缩放与javascript实现的方法,有需要了解的朋友可参考参考. 按比例缩小或者放大到某个尺寸,对于标准 ...
css 控制图片的横竖比例
大概你也遇到过"图片高度是宽度50%"这的需求这需求看起来简单, 其实却非常麻烦因为元素的宽高的百分比是相对于父元素的宽高计算的所以直接设 width, height 是不符 ...
html怎么设置扩大缩小不变形,DiV里CSS控制图片按比例扩大缩小不变形
一般来说,我们设定一定宽度高度的div标签,在里面放上图片,只有当图片大小尺寸符合这个宽度和高度的时候显示最佳.那有的时候不同的界面,同样的信息(比如头像)放大的尺寸是不一样,怎么才能让图片根据DIV ...
html文字图片同一行,CSS控制图片和文字在同一行显示且对齐的3种方法
CSS控制图片和文字在同一行显示且对齐的3种方法在 HTML 代码中,有时会需要在文字旁边加上一个图标. 默认情况,是图片置顶对齐,文字置底对齐,所以通常图片高,文字低,不能水平居中对齐. 常见欢思 ...
html文字于图片齐平,CSS控制图片和文字在同一行对齐显示
图片与文字是做网站必不可少的要素,我们在使用图片与文字布局时,如何让图片和文字在同一行对齐显示来制作出一个整齐的网页出来. 对于一些学做网站新手来说,图片和文字在同一行对齐显示却不是一件容易的事情,这 ...
CSS控制图片大小、边框、对齐方式、文字环绕
CSS操作图片大小 width属性和height属性可以用于定义图片大小. width属性和hieght属性的属性值都是像素. CSS操作图片边框 border-width属性用于定义<img& ...
html中div图片大小,如何用DIV+CSS控制图片大小范围？
牧羊人nacy 使用CSS max-width和max-height实现图片自动等比例缩小很简单我们要使用到max-width和max-height,这样即可设置对象图片最大宽度和最大高度,这样图片就 ...
css控制图片拉伸不变形,css+background实现图片宽高自适应，拉伸裁剪不变形
图片宽高不固定 ,一样实现自适应,拉伸裁剪不变形,适应各大兼容性. 下面咱们在网上找两张宽高不一样的照片: No.1 ...

css 控制图片最大宽度

CSS 限制图片最大宽度

css 控制图片最大宽度相关推荐

最新文章

热门文章