继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

safari中input文字不垂直居中解决方法

zhangran01
关注TA
已关注
手记 10
粉丝 2
获赞 152

input在safari中使用line-height不能垂直居中,需要用vertical-align:middle来解决。然后去掉line-height,ie8会不兼容。在加上line-height:*px\0;(加个ie8的hack)就可以解决啦
图片描述

前端知识点:(就不告诉你这段是凑字用的)
IE HasLayout是一个 Internet Explorer for Windows的私有概念,它决定了一个元素如何显示以及约束其包含的内容、如何与其他元素交互和建立联系、如何响应和传递应用程序事件、用户事件等。这种渲染特性可以通过某些 CSS 属性被不可逆转地触发。而有些 HTML 元素则默认就具有”layout”。目前只有IE6和IE7有这个概率。BFC是 W3C CSS 2.1 规范中的一个概念,它决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用。这个其实和浏览器的兼容性有关,因为绝大部分的兼容性问题都是它们引起的。

打开App,阅读手记
1人推荐
发表评论
随时随地看视频慕课网APP

热门评论

厉害了,我的哥。。。。。。

查看全部评论