CSS中怎么实现文本垂直居中
CSS中怎么实现文本垂直居中，很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。
成都做网站、网站设计的开发，更需要了解用户，从用户角度来建设网站，获得较好的用户体验。创新互联建站多年互联网经验，见的多，沟通容易、能帮助客户提出的运营建议。作为成都一家网络公司，打造的就是网站建设产品直销的概念。选择创新互联建站，不只是建站，我们把建站作为产品，不断的更新、完善，让每位来访用户感受到浩方产品的价值服务。
CSS实现一行或多行文本垂直居中
在表格布局时代，不需要过多的考虑垂直居中的问题，在单元格中，默认就是垂直居中的，一行文字是垂直居中，三行文字同样也会垂直居中。进行CSS网页布局，这样的形式改变了。文字默认是居于容器顶部。
如下所示：
SourceCodetoRun
div-css.net #MrJin{ width:500px; height:200px; border:1pxsolid#03c; text-align:center; } CSSWebDesign-div-css.net
[可先修改部分代码再运行查看效果]
在这样的情况下，如何实现文字垂直居中呢。分为三种情况：
一、如果是单行文本，可以用行距来解决问题。
在div-css.net以前的文章中，也有过这方面的介绍。
如何在父元素中垂直居中文本？
我们为它增加行距的定义，得到了单行文本垂直居中的效果。
SourceCodetoRun
div-css.net #MrJin{ width:500px; height:200px; border:1pxsolid#03c; text-align:center; line-height:200px; } CSSWebDesign-div-css.net
