CSS中⽂字体line-height不居中的现象
相当的有强迫症,在软件界⾯上,有时候凭着⾁眼就能看出来1px的误差,及其难受,本⽂的现象就是之⼀。
⽬前常⽤的浏览器有:
1. Trident(IE内核)
国内很多的双核浏览器的其中⼀核便是 Trident,美其名⽈ “兼容模式”。
代表: IE、傲游、世界之窗浏览器、Avant、腾讯TT、猎豹安全浏览器、360极速浏览器、百度浏览器等。
Window10 发布后,IE 将其内置浏览器命名为 Edge,Edge 最显著的特点就是新内核 EdgeHTML。
2. Gecko(firefox)
Gecko(Firefox 内核): Mozilla FireFox(⽕狐浏览器) 采⽤该内核,Gecko 的特点是代码完全公开,因此,其可开发程度很⾼,全世界的程序员都可以为其编写代码,增加功能。 可惜这⼏年已经没落了, ⽐如 打开速度慢、升级频繁、猪⼀样的队友flash、神⼀样的对⼿chrome。
3. webkit(Safari)
Safari 是苹果公司开发的浏览器,所⽤浏览器内核的名称是⼤名⿍⿍的 WebKit。
现在很多⼈错误地把 webkit 叫做 chrome内核(即使 chrome内核已经是 blink 了),苹果感觉像被别⼈抢了媳妇,都哭晕再厕所⾥⾯了。css设置文字垂直居中
代表浏览器:傲游浏览器3、 Apple Safari (Win/Mac/iPhone/iPad)、Symbian⼿机浏览器、Android 默认浏览器。
4. Chromium/Bink(chrome)
在 Chromium 项⽬中研发 Blink 渲染引擎(即浏览器核⼼),内置于 Chrome 浏览器之中。Blink 其实是 WebKit 的分⽀。⼤部分国产浏览器最新版都采⽤Blink内核。
5. Presto(Opera)
Presto 是挪威产浏览器 opera 的 “前任” 内核,为何说是 “前任”,因为最新的 opera 浏览器早已将之抛弃从⽽投⼊到了⾕歌怀抱了。了解了这个知识后,来学习⼀个渐进式的css hack,根据⽹友整理的⽐较全的css hack改编,注意顺序不可调整: