CSS覆盖white-space：nowrap在网站上

Question

我定期使用的网站就是这样做的。这导致许多东西出现在一条线上并且它离开了屏幕。它需要做自动换行，但下面的内容可以防止它。

div.dbThreadDetailTreeRowCellItem {
    white-space: nowrap;
}

https://stackoverflow.com/a/1258512/985898

我不想每次去网站时打开firebird并修复它。希望有一种简单的方法可以用你的css文件解决这个问题吗？我正在使用Firefox。

https://superuser.com/a/295806/93715

Firefox用户个人资料文件夹 - ＆gt; Chrome - ＆gt; userChrome.css

我将此添加到我的userChrome.css文件中。我需要将哪些内容添加到我的css文件中？

.break-word {
  word-wrap: break-word;
}
-moz-hyphens: auto;
p
{
white-space:normal;
} 
.u_nowrap {
    white-space: normal !important;
}
pre { white-space: pre-wrap !important; }

还有办法在Chrome中修复此问题吗？

Answer 1

看起来你的任何css规则都不适用于你所说的导致问题的容器。

尝试添加此行：

div.dbThreadDetailTreeRowCellItem{ word-wrap: break-word !important; white-space: normal !important; }