顯示unicode HTML實體搞亂了我的風格

所以，今天早上，爲了好玩，我在http://www.unicode.org/Public/6.2.0/ucd/NamesList.txt處抓取了unicode字符的文件，並寫了一個小小的PHP腳本，將它輸出到屏幕上。加載字面數千個字符並呈現HTML需要幾秒鐘的時間。顯示unicode HTML實體搞亂了我的風格

我試圖做一個非常簡單的網格，使用內嵌塊隱藏溢出。但是當我在Chrome瀏覽器中查看頁面時，其中一些框向下或向上移動。但只是有時候。

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

的CSS代碼：http://shawnsworld.ca/chars/style.css

任何想法，就是Chrome瀏覽器將會使框，以便它們不是一個直排？

來源

2013-08-02 ShawnPConroy

我不能說爲什麼會發生這樣的Chrome瀏覽器，但它似乎並沒有發生在Firefox中。也許Chrome會將一些變音符號暗示的偏移量與框本身相關聯，而不是框中的文本？儘管如此，這並不合理。 – JAB

在Chrome中，div.character有一個默認的baselinevertical-align。

嘗試從您的CSS中的div.character中刪除height:100px;。你會看到所有的框都坐在每一行的基線上。

正如Huangism所說，將vertical-align更改爲top可解決此問題。

來源

2013-08-02 13:34:59 TachyonVortex

嘗試增加垂直對齊到您的div

div.characters { 
    vertical-align: top; 
}

來源

2013-08-02 13:11:11 Huangism

東西比較： http://www.unicodeblocks.com/block/Dingbats

這是你在尋找什麼？如果是的話，我可以給你一些建議。

...其他的事情，有很多錯誤，例如：

<div class="character"> 
<span class="entity">&#[email protected]@;</span><br> 
<span class="unicodeNumber">@@ </span><br> 
<span class="name">07C0</span> 
</div>

只是跳過任何開頭的行@

來源

2013-11-06 21:30:33 dareKevil

顯示unicode HTML實體搞亂了我的風格

回答

相關問題