所以，今天早上，为了好玩，我抓住了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会渲染这些盒子以使它们不是直排？
答案 0 :(得分：3)
在Chrome中，div.character的默认vertical-align为baseline。
尝试从CSS中的height:100px;中删除div.character。您将看到所有框都位于每行的基线上。
正如Huangism所说，将vertical-align更改为top可以解决问题。
答案 1 :(得分：1)
尝试向您的div添加vertical-align
div.characters {
vertical-align: top;
}
答案 2 :(得分：0)
要比较的东西： http://www.unicodeblocks.com/block/Dingbats
这是你要找的吗？如果是，我可以给你一些建议。
......另外，有很多错误，例如：
<div class="character">
<span class="entity">&#x@@;</span><br>
<span class="unicodeNumber">@@ </span><br>
<span class="name">07C0</span>
</div>
只需跳过以@
开头的任何行