您现在的位置: 万盛学电脑网 >> 程序编程 >> 网页制作 >> DivCSS教程 >> 正文

divcss怎样控制大图片的网页宽度呢

作者:佚名    责任编辑:admin    更新时间:2022-06-22

欢迎大家在这里学习divcss怎样控制大图片的网页宽度!这里是我们给大家整理出来的精彩内容。我相信,这些问题也肯定是很多朋友在关心的,所以我就给大家谈谈这个!

1、在文章中发布图片的时候将图片编辑缩小

2、通过对对应div的css来设置显示的图片最宽宽度

3、通过css对图片设定宽度。

具体过程:

通过css来控制代码如下(cmcss是对应父级类名):

.cmcss {margin: auto;width: 600px;}

.cmcss img{max-width: 100% !important; height: auto!important; width:expression(this.width > 600 ? "600px" : this.width)!important;}这种图片第一次加载时候图片不能显示

直接通过对对应的div内的内容图片宽度设置代码如下:

.cmcss img{ width:500px;} 宽度自定,但是不推荐此方法,因为设置后此div布局内的图片将全部宽度为500px,那样将造成图片小的,被放大显示模糊。

可以通过对图片设置最宽css可以使用max-width来设置,但是IE6不支持,但是可以使用浏览器的css hack来设置代码如下

.cmcss img{max-width:500px;_width:500px;}

图片撑破布局原因

1、由于浏览器版本低(微软IE6)

2、没有设置div布局的宽度

好了,divcss怎样控制大图片的网页宽度内容就给大家介绍到这里了。希望大家继续关注我们的网站!

相关推荐:

如何用CSS控制超链接样式呢