今天小编跟大家讲解下有关垂直居中对齐的CSS示例代码 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关垂直居中对齐的CSS示例代码 的相关资料，希望小伙伴们看了有所帮助。
垂直居中对齐的核心代码如下： 复制代码代码如下: .elment{ position:relative; top:50%; transform:translateY(-50%); } 具体参见如下案例 利用less将居中对齐的代码携程mixins。 html 复制代码代码如下: <div class="outer"> <div class="inner">vertical align anything with less<div> </div> css 复制代码代码如下: .verticalAlign{ position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .outer{ width:400px; height:200px; border:1px solid #000; margin:10px; text-align:center; } .inner{ .verticalAlign; }来源：爱蒂网
