html - 显示 unicode HTML 实体搞乱我的风格

Question

所以，今天早上，为了好玩，我在http://www.unicode.org/Public/6.2.0/ucd/NamesList.txt上抓取了 unicode 字符文件，并编写了一个小的 PHP 脚本，将其输出到屏幕。加载数以千计的字符并呈现 HTML 需要几秒钟的时间。

我尝试制作一个非常简单的网格，使用隐藏溢出的内联块 div。但是，当我在 Chrome 中查看该页面时，某些框会从该行的其余部分向下或向上移动。但只是有时。

知道为什么 Chrome 会渲染这些框，使它们不在一条直线上吗？

score 3 · Accepted Answer

在 Chrome 中，div.character默认vertical-align为baseline.

尝试height:100px;从div.character您的 CSS 中删除。您会看到所有框都位于每行的基线上。

正如 Huangism 所说，更改vertical-align以top解决问题。

score 1 · Accepted Answer

1

尝试将垂直对齐添加到您的 div

div.characters {
    vertical-align: top;
}

于 2013-08-02T13:11:11.567 回答

score 0 · Accepted Answer

这是你要找的吗？如果是的话，我可以给你一些建议。

...其他事情，有很多错误，例如：

<div class="character">
<span class="entity">&#x@@;</span><br>
<span class="unicodeNumber">@@ </span><br>
<span class="name">07C0</span>
</div>

跳过任何以@开头的行

3 回答 3