Razor jQuery手风琴标题，带有img不需要的填充

Razor，MVC3代码优先，JQuery Accordion 1.8.22，JQuery 1.7.2

当我在Razor视图中将图像添加到jQuery accordion h3标题时，图像周围会有额外的填充。我从jQuery站点创建了accordion代码，当我将其作为html页面运行时，img完全适合标题，没有额外的填充，当accordion折叠时，标题之间只有一个像素。当我使用相同的jQuery、样式表和图像获取完全相同的代码，并将它们放在razor视图中时，图像排序会在标题中浮动，在标题周围创建大量不需要的空间。我在IE9和最新的Chrome浏览器上都尝试过，并且使用了不同的图像，但问题依然存在

有人能重复这个问题吗？有没有人成功地将图像添加到Razor中的accordion h3标题中，并在没有任何额外填充的情况下将图像填充到标题中

<script type="text/javascript">
  $(function () { $("#accordion").accordion({  });   }); </script>

<div id="accordion">

<h3 style="height: 42px"><a href="#">
  <img src="@Url.Content"~/Content/themes/base/images/part1.jpg")"
                                alt="Part 1" style="border-style: none"/></a></h3>

$（函数（）{$（“#accordion”）.accordion（{}）；}）；

---

谢谢你的帮助。

我想出来了。这与剃刀的视野无关。jQuery站点生成的自定义css文件具有accordion头的填充设置。一旦我将css从项目中删除，问题就解决了。

你找到了解决方案，这很好，但如果你将解决方案作为正确答案发布，而不是将其添加到问题中，对以后的访问者会更有帮助。回答你自己的问题没有错：