ホームページ  >  記事  >  ウェブフロントエンド  >  Chrome ブラウザでは float:left missalignment_html/css_WEB-ITnose を使用します。

Chrome ブラウザでは float:left missalignment_html/css_WEB-ITnose を使用します。

WBOY
WBOYオリジナル
2016-06-24 11:37:301457ブラウズ

IE では問題なく動作するのですが、Chrome (バージョン 45.0.2454.85 m) では位置がずれることがあり、原因がわかりません。

float:left を使用しない場合、5 番目の li から空白の状況が発生します。この状況に遭遇した人はいますか?



以下はコードです:
rrree


ディスカッションに返信 (解決策)

各 li の後のスペースを削除します。すべてこのスペースが原因です

各 li の後にスペースを削除します 削除スペース、すべてこのスペースによって引き起こされます


float:left を使用すると、スペースの問題はなくなり、すべての li スペースが同じになります。 float:left を使用しない場合、スペースは 5 番目からのみ存在します。 1 つ目。スペースがある場合、それらはすべて存在します。なぜ最初の 4 つではなく、5 つ目だけが存在するのでしょうか。各 li の後のスペースを削除すると、すべてこのスペースが原因になります。


各 li の後のスペースを削除すると、すべてが原因です。このスペース

の後に見えない文字があることがわかりました。スペースのように見えますが、スペースではありません。ありがとうございます

これが何の文字なのかわかりません。 notepad++ を使用して末尾の空白を削除するには、通常のスペースしか移動できません。



各 li の後のスペースを削除すると、すべてこのスペースが原因です

の後に見えない文字があることがわかります。スペースのように見えますが、そうではありません。スペース、ありがとうございます

これが何の文字なのかわかりませんが、notepad++ を使用して行末の空白を削除することはできません。移動できるのは通常のスペースだけです。
全角スペースです

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。