今日、またひどいページずれ現象が発生しました。理由は非常に単純です。ページ上に漢字を出力する場合、領域幅が十分でない場合、自動的に折り返されます。つまり、文字列が出力されます。 "aaaaaaaaaaaa" 文字と同様に、これが
で出力され、この領域の幅が 3 しかない場合、ページはこれを単語とみなして切断できません。文字が含まれている場合、ページがずれることがあります。これを「aaa aaa aaa aaa」に変更しても、ページでは 4 つの単語として扱われ、折り返すことができるので、もちろん問題ありません。強制的に改行したい場合は、CSS デザインに word-wrap:break-word;/*強制的に改行*/ を追加するだけです
#テスト{
…;
…;
Word-wrap:break-word;/*強制改行*/
}