css中input和select的属性设置成vertical-align:middle;有什么作用呢？

Question

如题。
在基础css中有这一行
input,select,textarea{vertical-align:middle; outline: none;}
该如何理解

Answer 1

vertical-align 是属性设置元素的:垂直对齐方式。

该属性定义行内元素的基线相对:

middle 把此元素放置在父元素的中部。

Answer 2

你需要理解一下baseline的概念，vertical-align 作用于inline元素和table-cell元素中，对于别的元素没有用。http://www.zhangxinxu.com/wordpress/2009/11/css%E8%A1%8C%E9%AB%98line-...可以看看张老师的文章