congxz6688
火狐狸
火狐狸
  • UID14676
  • 注册日期2006-09-23
  • 最后登录2017-03-06
  • 发帖数108
  • 经验12枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
  • 社区居民
阅读:1664回复:3

请教,如何用式样限定标签宽度

楼主#
更多 发布于:2012-11-23 10:57
Firefox17,XP

.tabbrowser-tab{max-width:170px !important;}


上面的CSS代码有效,但连带效果伤不起。它会导致标签页无法关闭。
只要对其设置了max-width,它就关不掉了,表面上关掉了,但在DOM Inspector里可以看到,DOM结构都在,只是隐藏了。
如果不设置max-width就能正常关掉,即使是min-width也没问题,只是max-width不行。
症状为:一排打开的标签,关掉中间的,靠右边的位置不变,被关掉的仍然占位。
请问,除max-width外,有没有其它办法限定其宽度?
fang5566
管理员
管理员
  • UID3719
  • 注册日期2005-03-07
  • 最后登录2024-02-29
  • 发帖数18481
  • 经验4835枚
  • 威望5点
  • 贡献值4316点
  • 好评度1115点
  • 社区居民
  • 最爱沙发
  • 忠实会员
  • 终身成就
1楼#
发布于:2012-11-23 10:57
试试这个:
.tabbrowser-tab:not([pinned]) {
max-width: 250px !important;
min-width: 40px !important;
}


用这段代码我这里可以关闭。
Firefox More than meets your experience
congxz6688
火狐狸
火狐狸
  • UID14676
  • 注册日期2006-09-23
  • 最后登录2017-03-06
  • 发帖数108
  • 经验12枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
  • 社区居民
2楼#
发布于:2012-11-23 10:57
fang5566:试试这个:
.tabbrowser-tab:not([pinned]) {
max-width: 250px !important;
min-width: 40px !important;
}


用这段代码我这里可以关闭。
回到原帖

不行啊,还是会占位:

图片:SNAP_2012-11-23_115608.jpg

congxz6688
火狐狸
火狐狸
  • UID14676
  • 注册日期2006-09-23
  • 最后登录2017-03-06
  • 发帖数108
  • 经验12枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
  • 社区居民
3楼#
发布于:2012-11-23 10:57
百度贴吧的SOS团员,帮忙解决了:
.tabbrowser-tab[fadein]:not([pinned]) {
max-width:400px !important;
min-width:300px !important;
}

这样就行了。
谢谢fang5566的热心帮助。
游客

返回顶部