使博客图像适合博客文章区域
问题描述:
我目前使用此CSS来使我的博客图像适合我的博客区域和博客文章的确切宽度。我不确定这是不是最好的解决方案,因为我偶尔会遇到图像移动到右侧的问题。使博客图像适合博客文章区域
.post-body img {
width: 761px!important;
height: auto!important;
padding: 0 !important;
border: none !important;
background: none !important;
}
有没有更好的方法来做到这一点?在此先感谢:)
答
试试这一次。不确定。但为我工作
.post-body > img{
width:100%;
height: auto;
}
+0
检查在这里:https://jsfiddle.net/9179mpa0/2/ –
答
<IMG>标签应当有这样的(响应代码)的声明。
.post-body img {
max-width:100%;
height:auto;
}
但是,您必须检查是否有其他CSS规则可能影响图像显示,无论是图像本身还是其父母。 要考虑到:通过Blogger编辑器上传
- 图像会< DIV CLASS =“分离” >内进行编码。检查<div>本身或“分隔符”类中是否没有额外的边距,填充和边框。
- 后身通常有填充规则,所以如果你想让你的图像填充整个后身区域,你将不得不声明图像的负边距。
所以例如假设体后必须在双方13像素填充,到最后,你可能有这样的事情:
.post-body img {
max-width:100%;
height:auto;
margin:0 -13px;
border:0;
padding:0;
}
可以添加你的HTML代码也还是简单地把它在jsfiddle或codepen –
做一个https://jsfiddle.net/9179mpa0/ –