4

それで、今朝、ふざけて、http://www.unicode.org/Public/6.2.0/ucd/NamesList.txtで Unicode 文字のファイルを取得し、それを出力する小さな PHP スクリプトを書きました。スクリーン。文字どおり何千もの文字を読み込んで HTML をレンダリングするのに数秒かかります。

オーバーフローが隠されているインラインブロック div を使用して、非常に単純なグリッドを作成しようとしました。しかし、Chrome でページを表示すると、一部のボックスが行の残りの部分から下または上に移動します。しかし、たまにしか。

http://shawnsworld.ca/chars/fullunicode.php

CSS コード: http://shawnsworld.ca/chars/style.css

Chrome がボックスをレンダリングして、一列に並べないようにする理由はありますか?

4

3 に答える 3

3

Chrome ではdiv.character、デフォルトvertical-alignでbaseline.

CSSheight:100px;からを削除してみてください。div.characterすべてのボックスが各行のベースライン上にあることがわかります。

Huangism が言うように、 を に変更するvertical-alignとtop問題が解決します。

于 2013-08-02T13:34:59.413 に答える