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

【问题标题】：Razor jQuery accordion heading with img unwanted padding带有 img 不需要的填充的 Razor jQuery 手风琴标题
【发布时间】：2012-07-27 17:21:18
【问题描述】：

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>

感谢您的帮助。

【问题讨论】：

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

标签： razor image jquery-ui-accordion

【解决方案1】：

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

【讨论】：