让本论坛帖子页面不被撑宽的样式

我知道大家都用宽屏大屏了，所以这个仅用于分享给还在用窄屏或者跟我一样一直开着侧栏，或者分屏浏览的使用者：

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("www.firefox.net.cn") {
TD[class^="row"] { white-space: normal !important; }
TD[class="row3Right"] { white-space: nowrap !important; }
TD[class^="row"] TD[height="100%"] img {max-width: 600px !important;}
TD[class^="row"] TD[height="100%"] img:active {max-width: 100% !important;}
/*TD[class^="row"] TD[height="100%"] img {cursor: -moz-zoom-in !important;}*/
}

＝＝或者：

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("www.firefox.net.cn") {
TD[class="row1"] { white-space: normal !important; }
TD[class="row2"] { white-space: normal !important; }
TD[class^="row"] TD[height="100%"] img {max-width: 600px !important;}
TD[class^="row"] TD[height="100%"] img:active {max-width: 100% !important;}
/*TD[class^="row"] TD[height="100%"] img {cursor: -moz-zoom-in !important;}*/
}

＝＝＝更新：完善代码
解释：前两行将帖子中的 UA 字符串折行；三四两行将图片宽度上限限制为 600 像素（或按需自行调整），并仅在图片上按下鼠标左键时回复完整大小，松开则变回 600 像素；最后一行让鼠标指针移到帖子正文的图片上时显示为放大镜指针，由于没针对性，默认注释掉。

＝＝＝
另外，除了 UA 和图片，帖子中无空格字符（white space）分隔的字符串也会撑宽页面，这个对 Firefox 来说目前没有 CSS 样式解决办法，只能够用 js 。具体请参考本站原帖：
https://www.firefox.net.cn/forum/viewtopic.php?t=26164

＝＝＝
把这个遗忘了的样式放到 userstyles.org 上了：
http://userstyles.org/styles/22636

谢谢分享，这个对于使用侧边栏的用户来说很有效。不过仍然不知道为何没有在 FF 中实现 IE7 侧边栏不挤压版面效果的扩展。

fang5566：谢谢分享，这个对于使用侧边栏的用户来说很有效。不过仍然不知道为何没有在 FF 中实现 IE7 侧边栏不挤压版面效果的扩展。回到原帖

没装 IE7 ，能不能给个图说明一下？

hzhbest：
没装 IE7 ，能不能给个图说明一下？回到原帖

就是在左侧有一个浮动的收藏栏。

泪飙.
偶还是17英寸普屏

eilern：就是在左侧有一个浮动的收藏栏。回到原帖

也就是“浮动的”侧边栏啊，既然 Firefox 添加输入的那个小对话框可以是浮动的，理应所有界面元素都可以浮动化；估计会因此造成 CPU 负担，或者出于维持“Firefox风格”的理由，Mozilla 没有考虑。
Tree Style Tab 可以自动隐藏标签栏，但也无法做到浮动，应该是从底层上支持不好了。
－－－
试玩了一下，发现
Ez Sidebar
https://addons.mozilla.org/zh-CN/firefox/addon/1930
可以让侧栏浮出成另一个窗口，而且能置顶、自动折叠。但会造成 AioS 的工具栏消失（可逆）。
（可惜我用拼音加加打字的时候发现经常被浮出的窗口夺去了焦点）

另外一个就是主题
IE8fox
https://addons.mozilla.org/zh-CN/firefox/addon/10270
没错，这是个主题，但附带一个提供界面改进的扩展，能够十足十地模仿 IE8 的界面，包括那浮动的“收藏夹”。
（可惜我的 SearchBastard 的工具栏在使用这个主题的时候背景色会变成灰色）

非常不错，多谢楼主分享。想问下"row3Right"是标识哪种表格的？我在页面上好像没找到这种属性的TD。

harnack：非常不错，多谢楼主分享。想问下"row3Right"是标识哪种表格的？我在页面上好像没找到这种属性的TD。回到原帖

嗯……那是因为我懒……
详情就是帖子页面中的 UA 所在的 td 有两种 class，row1 和 row2，而主题列表页面最新发表列的 td class 为 row3Right 。用楼主贴中的代码会连 row3Right 的样式也会匹配调，所以多一行代码排除匹配。不过不加那行代码影响也不显著，只是我后来觉得不爽就加了。
所以事实上这样写也是 OK 的：

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("www.firefox.net.cn") {
TD[class="row1"] { white-space: normal !important; }
TD[class="row2"] { white-space: normal !important; }
}

非常感谢楼主指点，原来主题列表里有row3Right。

顺便问下，有没可能用css实现页面的自动换行呢？比如https://www.firefox.net.cn/forum/viewtopic.php?t=23226&highlight=，由于不能自动断行页面被撑得很宽，但用force wrap的gm脚本或者bookmarklet就会解决这个问题。用css可以吗？

harnack：非常感谢楼主指点，原来主题列表里有row3Right。

顺便问下，有没可能用css实现页面的自动换行呢？比如https://www.firefox.net.cn/forum/viewtopic.php?t=23226&highlight=，由于不能自动断行页面被撑得很宽，但用force wrap的gm脚本或者bookmarklet就会解决这个问题。用css可以吗？回到原帖

Firefox （或者说 CSS 标准）不支持对无间断字符串的强制换行，所以是没办法的。替代方法是加水平滚动条，但不支持 table 及其下属容器（老师有教，table 中的空单元格要加 1X1 的透明图片“撑”起来）。

ps.顶楼更新。

多谢楼主解释。新加的关于图片的两条很不错，以前图片撑大页面的情形总让人很困扰。

谢谢楼主，大家可以测试这个帖子
https://www.firefox.net.cn/newforum/view ... hp?t=26851

用了之后图片自动缩小。



Tagged_by_kmc
Firefox, 横向滚动条, 自动缩小, 图片,  CSS, userContent

有没有对所有网站都这样的？

skmi7：有没有对所有网站都这样的？回到原帖

可以用如下代码：

@namespace url(http://www.w3.org/1999/xhtml);
TD { white-space: normal !important; }
img {max-width: 600px !important;}
img:active {max-width: 100% !important;}

对所有网页匹配，不过误伤会很大，例如一些网页顶头的 banner 就至少 800 像素（没切割的话）。所以还是按需要分别为网站写比较安稳。

https://developer.mozilla.org/en/CSS/word-wrap

CSS的话，是这个吗？那就等3.5吧。。。