Style.css中设置链接图片的显示大小

在图片的显示中,发现有些大尺寸的图片会超出范围,把侧边栏都挡出了,这样就会显得很难看。

通过在Style.css中设置,达到限制图片超出范围的目的。

经过我无数次的尝试,Wordpress3.0的新主题Twentyten1.1下,文章中插入的外链图片的大小可以这样调节。

在style.css中找到.a img { 这一代码,在它后面增加.post img{}一段代码为:

a img {
border: none;

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

我尝试过在a img{}中加入限制图片大小的代码,出现的问题是只能是第一张图片可以被限制,剩下的图片限制不了。但加入.post img{}之后,全部图片都可以做限制。

其中width: 640px,就是限制的图片宽度的大小

注意:width项一定要在max-width项之前,否则在ie下不起作用!

参考烟花江畔,感谢!

少伯

网站主理人

相关推荐

homarr导航页

一年前就看到过别人设置的本地导航页,感觉还是实用的,毕竟本地的应用也不少,每次都输入地址确实费时间,现在迫切地希望有 ...

暂无评论

QQ QQ

客服 工作时间:周一至周六 9:30-22:00 QQ:670088886(点击咨询) 直奔主题,别问在不在,谢谢!

热线 热线

13888888888

公众号 公众号
公众号
微信 微信
微信