在图片的显示中,发现有些大尺寸的图片会超出范围,把侧边栏都挡出了,这样就会显得很难看。
通过在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下不起作用!
参考烟花江畔,感谢!
暂无评论
要发表评论,您必须先 登录