张新旭老师在文章《我对CSS vertical-align的一些理解与认识（一）》中提到：vertical-align:middle属性的表现只和它的父标签有关。至于我们平时看到的和下面的文字垂直居中说明是错觉！经过摸索和测试，我对这句话有了恍然大悟。html:匿名元素我是卡哇伊文字。css:.box{边距:36px0;边框：1px蓝色虚线；字体大小：12px；白颜色;背景：红色；/*高度:50px;*/}.box.点{显示：内联块；宽度：16px；高度：16px；/*行高:50px;*/背景:白色;垂直对齐：基线；//这个基线到底在哪里}.box.text{vertical-align:middle;/*行高:50px;*/字体大小：16px；}首先要明白，一个内联元素有四根看不见的线（直接照抄了张老师文章里的图）：这四根线的位置谁来定？我认为这是字体的大小。当字体的font-size:0时，四行重合。所以其实子元素的vertical-align对齐就是父元素的行。见下图。我把“匿名元素”这几个字直接放在了父元素的span中。可以直观的发现，子元素对齐的是“匿名元素”的基线。另外：1.vertical-align:baseline/middle...指的是本元素的基线/中线与父元素的对齐方式。2.对于一个空元素，它的基线例如是底边。点元素
