Html 需要删除图片下方的空白

我需要删除图像下方的空白，如下所示：

我正在使用Wordpress，在styles.css方面做了很多工作，但没有成功。 玩过各种图像大小、类型等，但可以；请不要删除此空白。 图像正在使用分幅，分幅部分的css代码为：

    /* Homepage Tiles
    ----------------------------------------------- */

    /**
    * Grid container
    */
   #tiles {
    list-style-type: none;
    position: relative; /** Needed to ensure items are laid out relative to this         container **/
    margin: 0;
          }

/**
 * Grid items
 */
   #tiles li {
    width: 220px;
    background-color: #ffffff;
    border: 1px solid #dedede;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: none; /** Hide items initially to avoid a flicker effect **/
    cursor: pointer;
    padding: 4px;
             }

   #tiles li img {
    display: block;
                 }

我不太熟悉HTML，花了很多时间试图找到解决方案，但没有成功

此外，当前，单击图像标题会打开颜色框弹出窗口-是否可以通过单击图像上的任意位置打开弹出窗口？就像Wordpress的主题部分一样（在更改、激活或停用主题时）

非常感谢你的帮助

谢谢，

---

Saurabh

从我所能告诉你的，你的div容器里面似乎有一个空的p标签，它有一个“视图优先”的类。然后在style.css中有一个.view p类，它有一个填充：10px 20px 20px；。这就是为什么你有空白。删除空的p标记，如果其他地方不需要，则删除.view p类

---

添加显示：块；身高：100%；单击类掩码下的a标记，使整个图像在悬停并单击时可选择。

您必须删除这部分代码：

<p class="link-btn"></p>

---

其中

myClass

是一个必须同时应用于图像和图像标题的类。

删除每个产品的html代码

，如果它在wordpress中，您可以引用该类并使用

{display:none；}

将其隐藏。

属于：您需要找到一种方法来阻止将其添加到锚定标记中。谢谢Andrew。你对我的问题的第二部分有什么线索吗？谢谢。它工作得很好。你对我问题的第二部分有什么线索吗？非常感谢：）我能想到的一个解决方案是，你可以制作整个div a

链接

，这可能会奏效。你可以看看我的Hi Olivier是如何做到这一点的，它就像一个符咒。谢谢你知道我问题的第二部分吗？再次感谢。嗨@SaurabhJindal，我更新了我的答案，以便向您解释如何处理您的第二个问题。

<a href="your_link"><img src="your image" /></a>

$('.myclass').onClick(function() {
// code to display the pop up
});