边栏中添加的填充,不是来自我的样式表

时间:2015-04-08 作者:user29742

空间被添加到我创建的WordPress主题的侧栏中。空间不是通过我自己的样式表添加的,但我想我已经将其从代码编辑器中分离出来了:

    ul, menu, dir {
      display: block;
      list-style-type: disc;
      -webkit-margin-before: 1em;
      -webkit-margin-after: 1em;
      -webkit-margin-start: 0px;
      -webkit-margin-end: 0px;
      -webkit-padding-start: 40px;
    }
我附上了几张图片,展示了该网站的正常外观,以及代码编辑器突出显示的空间。

奇怪的是“-webkit margin-*”样式被锁定在我的代码检查器中,所以我无法编辑它们。尝试在我的主题样式表中添加相同的值,将1em边距替换为零,似乎没有任何效果。

以前有人处理过这个问题吗?

Sidebar

Sidebar with space highlighted

EDIT

正如评论中所讨论的,问题不在于填充/边距,而在于标题标记只包含一个空格(因此以下项目从换行开始,看起来很像1em填充)。

头标记由小部件中的register\\u sideber()函数生成。php:

    function register_sidebar($args = array()) {
        global $wp_registered_sidebars;

        $i = count($wp_registered_sidebars) + 1;

        $defaults = array(
                \'name\' => sprintf(__(\'Sidebar %d\'), $i ),
                \'id\' => "sidebar-$i",
                \'description\' => \'\',
                \'class\' => \'\',
                \'before_widget\' => \'<li id="%1$s" class="widget %2$s">\',
                \'after_widget\' => "</li>\\n",
                \'before_title\' => \'<h2 class="widgettitle">\',
                \'after_title\' => "</h2>\\n",
        );

2 个回复
最合适的回答,由SO网友:TheGentleman 整理而成

听起来您似乎看到了浏览器默认设置。大多数浏览器都有一些默认内置的样式,不幸的是,这些样式通常包括边距和填充。许多开发人员会在CSS文件的顶部进行基本重置,类似于

*{margin:0;padding:0;border:none}
这将清除默认值并仅显示您明确定义的边距/填充/边框。

如果只想从该元素中删除空格,请尝试向样式表中添加类似的内容:

#sidebar{margin:0;padding:0}
这与其说是wordpress的事情,不如说是需要注意的一般CSS的事情。

SO网友:raulrincon

可能是小部件代码打印了h2标记,即使它没有值。

尝试在侧栏中搜索代码。并查看它在哪里生成这些标记。大多数时候,这些小部件代码是在主题的基础上生成的,而不是小部件。

结束

相关推荐

将CSS呈现到屏幕和调试问题

我在这里建立了一个网站HERE如您所见,镀铬的右箭头较低here但当我用调试器调试它并检查float开/关时,它会返回到应该的位置。。。所以问题是,问题是什么?CSS、浏览器、调试器和系统(mac?)或HTML。。。如果需要你的光!。。。提前感谢