FF & Chrome: Text bounding box difference in Windows/Linux
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.
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.
精彩评论