1

ロゴが右下に完全に配置された、希望どおりのページ設定がありました。 http://testing.wizbury.com/onlinegamepage2.php?id=6

次に、次のエントリを css に追加しました。これにより、ボックス内のテキスト行が長くなりすぎても余分なスペースが追加されなくなります。 

.ogfeatures li span {  
    vertical-align:middle;   
    display:inline-block;   
    line-height:1em;  
}​

この追加により、ロゴがコンテンツ領域の左上 (フラッシュ ゲームの下) に配置されます。リンクにしか投稿できませんが、onlinegamepage.phpを使用して上記と同じリンクです

このページはデータベースから大量のコンテンツを動的に生成するため、Dreamweaver のプレビューはうまく機能しません。コードをフィドラーとハードコードのものに投げ込むことにしたので、レイアウトで遊ぶことができました...そして、スパンが追加されていても、フィドラーで正常に動作します。
http://jsfiddle.net/wrX8g/

だから今、私は完全に混乱しています。私が見逃している単純なことが起こっていると確信していますが、それを理解することはできません。洞察をいただければ幸いです。

ありがとう、
ダグ

4

1 に答える 1

0

StackOverflow がそれを行っているのか、元のコードに含まれているのかはわかりませんが、CSS を別のファイルにコピーすると、} を閉じた後、 CSS では無効なゼロ幅のスペース文字があり、 、ブラウザによって宣言が破棄される原因になっていると思います。ytou' が使用しているブラウザに関係なく、後続のすべての宣言も破棄され、ロゴを配置する CSS 宣言のすぐ上にその CSS コードを配置したため、その宣言が有効にならず、 CSS が適用されていない場合のロゴ。

修正は、問題のある文字を単純に削除することです。これは、} を含む行の送信にキャレットを置き、バックスペースを入れることでおそらく実行できます。キャレットは動かないはずです。これは、目に見えない文字を削除したことを示しています。それでも削除できない場合は、16 進エディタで削除することもできます。

于 2012-10-18T03:32:00.350 に答える