码迷,mamicode.com
首页 > 其他好文 > 详细

input 等替换元素的baseline问题

时间:2017-06-26 15:02:24      阅读:166      评论:0      收藏:0      [点我收藏+]

标签:默认   textarea   http   com   tar   技术   ott   png   .com   

行内标签和设置为block:inline;形式的标签与input并排放置时,为何会错位?例如下面的。

技术分享

因为在同一行中,所有行内元素默认 baseline 对齐。但是,input(还有textarea、select、object等替换元素)这种替换元素的 baseline 并没有在元素底部。如图:

技术分享

设置vertical-align: top或者bottom,就能使得所有元素的baseline在同一线上。或者设置非替换元素的line-height。

引自知乎https://www.zhihu.com/question/26778887,貘吃馍香同学的回答,如有侵权,联系我立删。

 

input 等替换元素的baseline问题

标签:默认   textarea   http   com   tar   技术   ott   png   .com   

原文地址:http://www.cnblogs.com/yinhuan/p/7080375.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!