空间被添加到我创建的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边距替换为零,似乎没有任何效果。
以前有人处理过这个问题吗?
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",
);
最合适的回答,由SO网友:TheGentleman 整理而成
听起来您似乎看到了浏览器默认设置。大多数浏览器都有一些默认内置的样式,不幸的是,这些样式通常包括边距和填充。许多开发人员会在CSS文件的顶部进行基本重置,类似于
*{margin:0;padding:0;border:none}
这将清除默认值并仅显示您明确定义的边距/填充/边框。
如果只想从该元素中删除空格,请尝试向样式表中添加类似的内容:
#sidebar{margin:0;padding:0}
这与其说是wordpress的事情,不如说是需要注意的一般CSS的事情。