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下不起作用!

参考烟花江畔,感谢!

暂无评论

发表评论

您的电子邮件地址不会被公开,必填项已用*标注。