开发者

FF & Chrome: Text bounding box difference in Windows/Linux

开发者 https://www.devze.com 2023-01-14 18:32 出处:网络
I\'m trying to position several text elements using position:absolute. However, it seems that both on Firefox and on Chrome, the bounding box of the text elements is of a different size in Windows and

I'm trying to position several text elements using position:absolute. However, it seems that both on Firefox and on Chrome, the bounding box of the text elements is of a different size in Windows and in Linux.

FF & Chrome: Text bounding box difference in Windows/Linux

I've extracted a simple test case which is available here: http://share.shmichael.com/html/event.html

I've tried all kinds of alignment tricks, and specifying the height manually, but couldn't get开发者_如何学运维 it to work nicely. Any help would be appreciated.


Under #event_list h1 add line-height:26px; to match your font-size. This should fix your problem.

You might also want to add margin:0;padding:0; under h1, h2, h3, h4, h5, h6.

0

精彩评论

暂无评论...
验证码 换一张
取 消