0

cssに問題があります。最新のFFとIEの両方で問題なくテストしましたが、Chromeで正しくレンダリングされません。

タグのすべての子要素を使用するブロックとして表示したい

Tag > * {
    display:block;
}

IEとFFの両方で正常に動作しますが、クロムでは動作しません。コンソールを使用してそれを強制し、display：blockを配置しようとしましたが、失敗しました。chromeがdisplay：blockを無視しているように見えますか？

編集：タグは実際にはCurrentWeatherのカスタムタグです

フルCss：

CurrentWeather > * {
    display:block;
}

body {
    text-align:center;
  }


div#result{
    text-align:left;
    margin: 0 auto;
    width:50%;
}

EDIT2：

追加されたhtmlをharcodeすると正常に動作するため、これはajaxの問題だと思います。chromeは動的コンテンツにcssを適用しませんか？

ありがとう

4

2 に答える 2

5

セレクターtag > *は、タグのすべての子を対象とするのではなく、直接の子のみを対象とします。

すべてのtag *子をターゲットにする場合に使用します。

Chromeには無視するような深刻なバグはないdisplay:blockので、あなたのケースに固有の何かがなければなりません。

コードを見ずにそれが何であるかを正確に知ることは困難ですが、いくつかの考えられる理由：

  • タグはインラインタグであり、HTML5Doctypeを使用していません。

  • マークアップが壊れているため、子要素はあなたが思っている要素ではありません。（特に、壊れたマークアップではブラウザー間の動作が異なるのが一般的です。）

于 2012-11-04T22:25:21.643 に答える
1

私にとっては問題なく動作します：http： //jsfiddle.net/DigitalBiscuits/nkymw/1/

cssのどこかにエラーがあり、ChromeがCSSの処理を停止している可能性があります。あなたが行方不明;または}クロムを持っているならば、これは好きではありません。

すべてのコードを表示するか、CSSバリデーターを使用してコードを確認する必要があります http://jigsaw.w3.org/css-validator/

于 2012-11-04T22:26:43.137 に答える