CSS-vertical-align

vertical-align

设置元素的垂直对齐方式

注意 :

• text-align是设置给需要对齐元素的父元素
  vertical-align是设置给需要对齐的那个元素本身
• vertical-align只对行内元素有效
  

img {
	/*默认情况下图片和一行文字的基线对齐
	基线就是一行文字中最短那个文字的底部*/
	/* 基线 */
	/* vertical-align: baseline; */
	/* 盒子顶部 */
	/*vertical-align: top;*/
	/* 盒子底部 */
	/*vertical-align: bottom;*/
	/* 文字顶部 */
	/*vertical-align: text-top;*/
	/* 文字底部 */
	/*vertical-align: text-bottom;*/
	/* 中线 */
	vertical-align: middle;
}