Razor jQuery手风琴标题与img不需要的填充

Question

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

当我在Razor视图中将图像添加到我的jQuery手风琴h3标题时，图像周围会有额外的填充。我从jQuery网站创建了手风琴代码，当我将它作为html页面运行时，img完全适合标题而没有额外的填充，当手风琴折叠时，标题之间只有一个像素。当我使用完全相同的代码与相同的jQuery，样式表和图像并将它们放在剃刀视图中时，图像中的浮动标题会在其周围创建大量不需要的空间。我已经在IE9和最新的Chrome中尝试了这个并且使用不同的图像并且问题仍然存在。

任何人都可以复制这个问题吗？有没有人成功地将图像添加到Razor的手风琴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>

感谢您的帮助。

Answer 1

我明白了。它与Razor的观点无关。 jQuery站点生成的自定义css文件具有手风琴标题的填充设置。一旦我从项目中删除了该css，问题就解决了。