4

Safari で奇妙なレンダリングの問題が発生する:

div内にテーブルがあります。テーブル <td> の中には、たくさんの div が残っています。したがって、通常の表示では、td 内のすべての div が幅いっぱいになるまで左に積み上げられ、次に次の行に流れます。だから、このようなもの：

|===========================|
|  |---------------------|  |
|  | XXX  XXX  XXX  XXX  |  |
|  | XXX  XXX            |  |
|  |                     |  |
|  |----------------------  |
|===========================|

これは、次のような結果になる safari/webkit を除くすべてのブラウザーで機能します。

|===========================|
|  |-------------------------------|
|  | XXX  XXX  XXX  XXX  XXX  XXX  |
|  |                               |
|  |-------------------------------|
|===========================|

更新: 最後に問題を解決しました: 私の内側の div (「XXX」) にはwhite-space: nowrap. どうやら webkit は、div 内に nowrap を適用するのではなく、div のリスト全体をラップしていないようです。

それは厄介なものでした。

(これは display:none とは関係ありません)

4

2 に答える 2

3

実際、上記の質問を個別に尋ねたところ、大きな男の子のような解決策が見つかりました。

この場合、white-space:nowrap を使用する代わりに、display:inline-block を使用する方が適切です。

変更に合わせて CSS をあちこち調整する必要がありますが、期待どおりに機能します。

nowrap の要素が WebKit の隣接する要素にスタックする

于 2010-03-07T18:53:47.097 に答える
2

私自身の質問に答える：

最終的に問題を解決しました: 私の内側の div (「XXX」) には空白: nowrap がありました。どうやら webkit は、div 内に nowrap を適用するのではなく、div のリスト全体をラップしていないようです。

それは厄介なものでした。

(これは display:none とは関係ありません)

于 2009-02-14T06:50:39.660 に答える