今天实验室学弟问我 “怎么这个输入、搜索按钮怎么都对不齐啊”
就像这样子:
咦 怎么会 我看看 代码没毛病啊 同样的height、同样的line-height,各有一个width(复习一下,input属于inline-block元素)
倒腾了好久 感觉甚是诡异 现在回想 怎么没有赶紧百度下 踩过这个坑的前辈们也是不少啊
首先要说明的是这个现象只会出现在Chrome中 没想到这次会是Chrome的锅 在Firefox和IE下都比较正常
至于原因呢。。。有人这么说,不过我已经把它们的border、padding都设为0了,还是对不齐,所以不敢苟同,希望知道的大大告知
而解决方案呢 ,这就比较多了
1.包裹+浮动:如span+float:left