在定义网页的在定义网页的CSSCSS样式的时候，样式的时候，或许并不怎么用到垂直居中。或许并不怎么用到垂直居中。vertical-alignvertical-align是个不错的是个不错的属性，但是这个属性起初是针对属性，但是这个属性起初是针对表格的表格的cellcell的。当然这个属性虽的。当然这个属性虽然对块级元素不起作用，但是对然对块级元素不起作用，但是对行内元素比如行内元素比如spanspan还是有作用的还是有作用的CSSCSS水平居中和垂直居中的多种解决方案，水平居中和垂直居中的多种解决方案，主要包括单行垂直居中，层水平居中，主要包括单行垂直居中，层水平居中，divdiv层垂直居中等内容。层垂直居中等内容。CSSCSS实例：水平居中和垂直居中的多实例：水平居中和垂直居中的多种解决方案种解决方案下面是比较专业的垂直居中的集中解决下面是比较专业的垂直居中的集中解决方案。方案。11、单行垂直居中、单行垂直居中文字在层中垂直居中文字在层中垂直居中vertical-alignvertical-align属属性是做不到的性是做不到的..这里有个比较巧妙的方法就这里有个比较巧妙的方法就是是::设置设置heightheight的高度与的高度与line-heightline-height的的高度相同高度相同!!22、层水平居中、层水平居中设置设置divdiv的宽度小于父的宽度小于父divdiv的宽度，设的宽度，设置置margin:0auto;margin:0auto;，即可让，即可让divdiv居中居中33、层中的文字水平居中、层中的文字水平居中在在childdivchilddiv的的csscss加上加上text-align:centext-align:centerter44、、divdiv层垂直居中层垂直居中55、垂直居中和使用、垂直居中和使用text-aligntext-align水平水平居中居中
