Wordpress 3.8图像下方不需要的空间

时间:2014-03-04 20:41:14

标签: html wordpress image whitespace

在wordpress中查看页面时,所有图像下都有大约3或4px的空白区域。在没有wordpress的情况下查看同一页面时,尽管代码相同,但相同图像下没有空白区域。

尝试将显示块,边距和填充设置为0,并删除html文件中的空格,但仍然出于某种原因存在此图像空间。这是用wordpress知道的东西,比如php代码弄乱了吗?我正在为所有图像使用<?php bloginfo('template_url');?> +图像路径,而原始文件不使用php并且没有图像间隙。

编辑:这是来自原始文件和wordpress的两个快照,显示了wp的差距。

Original file before wordpress Wordpress snapshot showing gap 使用开发人员工具,我可以看到它是div,它包含负责差距的图像和列表项。然而,以同样的方式持有图像和列表的其他div没有间隙,嗯..

1 个答案:

答案 0 :(得分:0)

快速核对清单......(对此表示道歉,忽略了其中一些您已经说过的尝试)

  • 问题是否同时出现在firefox和chrome中?如果只有chrome,那可能是display: block;遗失的某个地方。
  • 使用firefox或chrome检查元素,看看wordpress或你的主题是否插入了任何html / css。它可能会插入预先设置样式的ul lip标记,您需要对其进行样式设置。
  • 使用!important来覆盖可能由wordpress核心样式设置的任何CSS。例如,图库样式仍然是核心。

!重要的示例用法(关于你的主题或wordpress样式如何从某个地方影响它的一些想法)

display: block !important;
margin: 0px !important;
padding: 0px !important;
height: 100% !important;
max-height: 100% !important;
vertical-align: top !important;
font-size: 0 !important;
  • 您也可以尝试将此过滤器添加到functions.php文件中,然后使用库css进行播放。

    add_filter('use_default_gallery_style','__ return_false');

这是关于样式库的教程 - http://theme.fm/2011/06/how-to-style-your-wordpress-gallery-43/

如果你发现那些是问题(听起来像是),还有其他过滤器可以通过wordpress删除自动样式插入

相关问题