html - 需要删除图像下方的空白

Question

我需要删除图片下方的空白，如下所示:http://www.sugarkandy.com/category/electronics/

我正在使用 Wordpress，并且在 styles.css 方面付出了很多努力，但没有成功。 玩过各种图像尺寸、类型等，但无法删除此空白区域。 图像使用的是图 block ，图 block 部分的 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 的主题部分一样(在更改、激活或停用主题时)。

非常感谢您的帮助。

谢谢， 紫罗兰

Answer 1

删除html代码<p class="link-btn"></p>关闭每个产品并且应该可以工作，如果它在 wordpress 中，您可以引用该类并使用 {display:none;}隐藏它。