cqsxtl
小狐狸
小狐狸
  • UID25680
  • 注册日期2008-08-02
  • 最后登录2020-02-11
  • 发帖数6
  • 经验15枚
  • 威望0点
  • 贡献值4点
  • 好评度1点
阅读:1948回复:8

怎么实现双排标签页????

楼主#
更多 发布于:2018-12-12 18:06
有时会同时打开很多标签,排成一排,显示得太小了,有没有可以标签过多自动排成双排的扩展或者脚本。。。。。。

最新喜欢:

uemacsuemacs
fang5566
管理员
管理员
  • UID3719
  • 注册日期2005-03-07
  • 最后登录2024-05-09
  • 发帖数18483
  • 经验4837枚
  • 威望5点
  • 贡献值4316点
  • 好评度1116点
  • 社区居民
  • 最爱沙发
  • 忠实会员
  • 终身成就
1楼#
发布于:2018-12-14 22:42
we暂时不支持多行标签页,现有we的扩展是做不到的
Firefox More than meets your experience
cqsxtl
小狐狸
小狐狸
  • UID25680
  • 注册日期2008-08-02
  • 最后登录2020-02-11
  • 发帖数6
  • 经验15枚
  • 威望0点
  • 贡献值4点
  • 好评度1点
2楼#
发布于:2018-12-15 10:03
啊…………………………
cqsxtl
小狐狸
小狐狸
  • UID25680
  • 注册日期2008-08-02
  • 最后登录2020-02-11
  • 发帖数6
  • 经验15枚
  • 威望0点
  • 贡献值4点
  • 好评度1点
3楼#
发布于:2019-10-22 21:48
这个已可以通过userchrome.css来解决了。
infinity
狐狸大王
狐狸大王
  • UID48261
  • 注册日期2014-12-18
  • 最后登录2023-03-15
  • 发帖数352
  • 经验350枚
  • 威望0点
  • 贡献值96点
  • 好评度34点
  • 社区居民
  • 忠实会员
4楼#
发布于:2019-10-23 10:09
cqsxtl:这个已可以通过userchrome.css来解决了。回到原帖
分享一下代码呗
cqsxtl
小狐狸
小狐狸
  • UID25680
  • 注册日期2008-08-02
  • 最后登录2020-02-11
  • 发帖数6
  • 经验15枚
  • 威望0点
  • 贡献值4点
  • 好评度1点
5楼#
发布于:2019-10-24 11:26
.tabbrowser-tab:not([pinned]) { flex-grow:1; min-width:50px; }
.tabbrowser-tab,.tab-background { height:30px; }
.tab-stack { width: 100%; }
#tabbrowser-tabs .scrollbox-innerbox { display: flex; flex-wrap: wrap; }
#tabbrowser-tabs .arrowscrollbox-scrollbox { overflow: visible; display: block; }
#main-window[sizemode=“maximized”] #TabsToolbar{ margin-left:var(–tab-min-height); }
#tabbrowser-tabs .scrollbutton-up,#tabbrowser-tabs .scrollbutton-down,#alltabs-button,.tabbrowser-tab:not([fadein]){ display: none; }
将上述代码写入userchrome.css中即可实现,70版试验通过。
点球射飞
火狐狸
火狐狸
  • UID24757
  • 注册日期2008-06-18
  • 最后登录2024-04-04
  • 发帖数168
  • 经验45枚
  • 威望0点
  • 贡献值24点
  • 好评度0点
  • 社区居民
  • 忠实会员
6楼#
发布于:2019-10-29 17:17
infinity:分享一下代码呗回到原帖
/* Firefox Quantum userChrome.css tweaks ************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/
  
  
/****************************************************************************************/
/* multirow / multiple tab lines - modified for CustomCSSforFx **************************/
/* all credits go to the original authors: **********************************************/
/* https://www.reddit.com/r/FirefoxCSS/comments/7dclp7/multirow_tabs_in_ff57/ ***********/
/* https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/multi-row_tabs.css */
/****************************************************************************************/
  
  
/* NOTE  ********************************************************************************/
/* Variables are set inside '.\config\' folders CSS files, if complete package is used! */
  
:root{
  --tabs-lines: 4;
  --tab_min_width_mlt: 80px;
  --tab_max_width_mlt: 200px;
  --tab-min-height_mlt: var(--tab-min-height,32px); /* set own value here, if used without configuration files */
}
  
#tabbrowser-tabs{
  min-height: unset !important;
  padding-inline-start: 0px !important
}
  
/* Test for Firefox > 66 */
@supports (inset-block:auto){
  #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox{
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
    max-height: calc(var(--tab-min-height_mlt) * var(--tabs-lines));
  }
  #tabbrowser-tabs > .tabbrowser-arrowscrollbox {
    overflow: -moz-hidden-unscrollable;
    display: block;
    margin-bottom:-1px !important;
  }
}
  
/* Test for Firefox < 66 */
@supports not (inset-block:auto){
  #tabbrowser-tabs > .tabbrowser-arrowscrollbox{
    min-height: unset !important;
  }
  #tabbrowser-tabs .scrollbox-innerbox{
    display: flex;
    flex-wrap: wrap;
  }
  #tabbrowser-tabs .arrowscrollbox-scrollbox {
    overflow: -moz-hidden-unscrollable;
    display: block;
  }
}
  
.tabbrowser-tab{
  height: var(--tab-min-height_mlt);
}
  
#tabbrowser-tabs .tabbrowser-tab[pinned]{
  position: static !important;
  margin-inline-start: 0px !important;
}
  
.tabbrowser-tab[fadein]:not([pinned]) {
  flex-grow: 1;
  min-width: var(--tab_min_width_mlt) !important;
  max-width: var(--tab_max_width_mlt) !important;
}
  
.tabbrowser-tab > stack{
  width: 100%;
  height: 100%;
}
  
#tabbrowser-tabs .scrollbutton-up,
#tabbrowser-tabs .scrollbutton-down,
#alltabs-button,
:root:not([customizing]) #TabsToolbar #new-tab-button,
#tabbrowser-tabs spacer,
.tabbrowser-tab::after{
  display: none !important;
}
  
#tabbrowser-tabs[overflow="true"] > .tabbrowser-arrowscrollbox > .tabs-newtab-button,
#tabbrowser-tabs:not([hasadjacentnewtabbutton]) > .tabbrowser-arrowscrollbox > .tabs-newtab-button,
#TabsToolbar[customizing="true"] #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .tabs-newtab-button {
  visibility: hidden !important;
}
  
/* hide private window indicator, window controls and titlebar placeholders */
#main-window[tabsintitlebar] #TabsToolbar .private-browsing-indicator,
#main-window[tabsintitlebar] #TabsToolbar #window-controls,
#main-window[tabsintitlebar] #TabsToolbar .titlebar-spacer[type="pre-tabs"],
#main-window[tabsintitlebar] #TabsToolbar .titlebar-spacer[type="post-tabs"] {
  display: none !important;
}
#TabsToolbar .titlebar-placeholder[type="pre-tabs"],
#TabsToolbar .titlebar-placeholder[type="post-tabs"] {
  opacity: 0 !important;
}
  
/* hide tab borders set by Firefox 58+ to solve 'blank space below tabs' issue */
.tabbrowser-tab::after,
.tabbrowser-tab::before {
  border-left: unset !important;
  border-image: unset !important;
  border-image-slice: unset !important;
  border: 0 !important;
}
  
/* Fx66+ tab close fix */
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([pinned]) .tab-close-button {
  visibility: hidden !important;
  display: block !important;
}
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab[pinned] .tab-close-button {
  visibility: hidden !important;
  display: block !important;
  -moz-margin-start: -18px !important;
}
  
/* fix scrollbar */
#main-window[tabsintitlebar] #tabbrowser-tabs {
  -moz-window-dragging: no-drag !important;
}
  
/*lw theme fix */
#main-window[style*='--lwt-header-image']:-moz-lwtheme {
  background: var(--lwt-header-image) !important;
  background-repeat: repeat-y !important;
}
我的Firefox
infinity
狐狸大王
狐狸大王
  • UID48261
  • 注册日期2014-12-18
  • 最后登录2023-03-15
  • 发帖数352
  • 经验350枚
  • 威望0点
  • 贡献值96点
  • 好评度34点
  • 社区居民
  • 忠实会员
7楼#
发布于:2019-11-01 08:23
点球射飞:/* Firefox Quantum userChrome.css tweaks ************************************************/
/* Github: https://github.com...
回到原帖
十分感谢!
danielyin
小狐狸
小狐狸
  • UID29287
  • 注册日期2009-06-22
  • 最后登录2023-11-16
  • 发帖数15
  • 经验23枚
  • 威望0点
  • 贡献值8点
  • 好评度1点
8楼#
发布于:2019-11-08 11:36
小白问下,chrome.css文件在哪?找不到。我用的是portable版本的,这个应该在这个移动版的目录内的吧?
游客

返回顶部