Question

我有this的后续问题。我在blogger.com上运行了一个博客，在那里我发布了很多图片，我也有这个问题，边缘左边1em和margin-right 1em作为每个链接图片的内联样式插入，创建了一个不需要的缩进。我总是可以从每张图片中手动删除这些图片，但如果我可以阻止博客自动插入这些图片会更容易。有谁知道怎么样？

生成的HTML示例：

<a href="(link URL)" style="margin-left: 1em; margin-right: 1em;">
     <img src="(image URL)" />
</a>

Answer 1

我们无法将Blogger默认添加的标记更改为图片的锚标记，但我们可以使用CSS覆盖这些标记

在您的博客中添加以下CSS（要添加CSS，请转到Blogger信息中心＆gt;您的博客＆gt;模板＆gt;自定义＆gt;高级＆gt;添加CSS）

.separator a {
margin-left: 0 !important;
margin-right: 0 !important;
}

Answer 2

<script language='javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>//<![CDATA[

/**
this script was written by Confluent Forms LLC http://www.confluentforms.com
for the BlogXpertise website http://www.blogxpertise.com
any updates to this script will be posted to BlogXpertise
please leave this message and give credit where credit is due!
**/

$(document).ready(function(){
 $('.post-body').find('img').each(function(n, image){
        var image = $(image);
        image.parent().css('margin-left',0).css('margin-right',0).css('margin-top',0).css('margin-bottom',0);
    });
});
//]]></script>

将此代码粘贴到模板中<head>标记的开头

如何阻止Blogger在图像链接中添加缩进样式？

2 个答案: