☰

Firefox - 如何减少导航栏上图标之间的间距

tag-icon • tag-icon firefox icons toolbar windows-8.1
Firefox - 如何减少导航栏上图标之间的间距

我在 Windows 8.1 64 位（MSDN 的 RTM）上使用 Firefox 24.0，并安装了一些在导航栏中添加按钮的扩展。

由于某种原因，图标之间浪费了大量空间：

在此处输入图片描述

在某些情况下，当图标有下拉菜单时，情况会更糟：

在此处输入图片描述

有什么方法可以减少这个间距吗？

答案1

我建议您编辑userChrome.css文件。是的，名称是 userChrome.css。

您可以在此文件中编辑这些图标之间的填充css。

例如：

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

#nav-bar toolbarbutton { 
  padding-left: 0px !important;  
  padding-right: 0px !important;
  margin-left: 0px !important; 
  margin-right: 0px !important;  
}

在这里，您将图标之间的填充减少为0px。因此图标之间的空间更小。

方法

  • 我建议你使用Chrome編輯轻松编辑外观。
  • 您也可以直接编辑配置文件。看看这个网站。在此网站上，有很多方法展示了如何编辑配置/外观。

答案2

在更高版本的 Firefox 中，这里的答案似乎不再起作用。

此主题Firefox 支持将我引向了正确的方向，但那里给出的建议控制图标本身内的填充（.toolbarbutton-icon），这意味着如果你把它设置为 10px，图标就会“向内”缩小那么多。这不是我想要的。正确的用户chrome入口对我来说是：

#personal-bookmarks .bookmark-item {  
    padding-left: 3px !important;  
    padding-right: 3px !important;
}

这在一定程度上缩小了默认间距，感觉就像回到了 Firefox 经典时代。这适用于 Firefox 80.0.1。

注意：仅使用原始答案padding，但这也会影响书签菜单中的条目，这意味着您将添加顶部和底部填充。可能可以通过对菜单使用更具体的 CSS 选项来纠正，但可以通过使用左侧和右侧填充条目来避免。

相关内容