/*近似居中对齐*/.box{宽度：280px；行高：120px；背景色：#f0f3f9；保证金：自动；}。内容{显示：内联电子块；行高：20px；边距：020px；文本对齐：左；vertical-align:middle;}/*绝对居中*/.box{font-size:0;}.box.content{font-size:initial;}原理：近似居中：.box行高为120，.content行height为20，“ghostblanknode”撑起整个content区域在.content前面绝对居中：在上面的基础上，由于middle（基线以上1/2x-height）近似居中。由于x-height受font-size的影响，当font-size为0时，可以理解为绝对居中。2.3line-height属性值line-height默认值为normal，也支持数值、百分比值、长度值。normal的默认值在不同的字体中解析不同，所以在实际开发中一般会重新设置line-height重点：假设font-size=14px；值：行高：1.5；==>line-height计算值为1.5*14px=21px百分比值：line-height:150%;==>line-height计算值为150%*14px=21pxlengthvalue:line-height:21px乍一看好像是line-height:1.5、line-height:150%和line-height这三种用法:1.5em完全一样，最后的行高是font-size的计算值。不过实际上面，line-height:1.5和其他两个还是有点区别的，就是继承细节不一样如果你使用一个值作为line-height的属性值，那么所有的子元素都会继承这个值；但是，如果您使用百分比值或长度值作为属性值，则所有子元素都会继承最终的计算值。做法：基本上各大网站都使用数值作为全局的line-height值3.vertical-align属性（重点）vertical-align作用的前提条件是：只能应用于行内元素和displayvalueistable-cell注意，浮动和绝对定位会使元素块化，也会使vertical-align3.1属性值失效四种属性值：线型，如baseline（默认值）、top、middle、bottom；文本类型，例如text-top、text-bottom；上标和下标类别，例如sub、super；数字百分比类别，例如20px、2em、20%等；根据不同的计算值，它们相对于基线向上或向下偏移，到最后是向上还是向下取决于vertical-align的计算值是正还是负。如果它是负值，它将向下移动。如果它是一个正值，它将向上移动。vertical-align:baseline相当于vertical-align:0vertical-align的百分比：margin和padding是相对于width计算的，line-height是相对于font-size计算的，vertical-align属性的百分比值这里是相对于line-height的计算值计算的3.2Vertical-align相关的问题及解决方案（一）案例一：如果任意一个块级元素中有图片，则块级元素的高度基本都高比图片的高度