前端开发过程中，水平垂直居中是比较常用的。下面直接开门见山，看看不同方法实现垂直居中的各自优点和其不足之处。 1、将“line-height”和“height”设置成一致这种方法用来实现单行垂直居 ...
前端开发过程中，水平垂直居中是比较常用的。下面直接开门见山，看看不同方法实现垂直居中的各自优点和其不足之处。
1、将“line-height”和“height”设置成一致
这种方法用来实现单行垂直居中是相当的简单的，也挺常用的。你只要保证元素内容是单行，并且其高度是固定不变的，你只要将其“line-height”设置成和“height”值一样就Ok了。不过这种方法局限性太大，只有单行文本的元素才适用，所以在多行元素中是不能使用这种方法的。
<div class="vertical">content</div>.vertical { height: 100px; line-height: 100px;/*值等于元素高度的值*/ }缺点： 缺点： 缺点： 缺点： 缺点： 缺点：
海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com
原标题：CSS垂直居中的方法
关键词：CSS
*特别声明：以上内容来自于网络收集，著作权属原作者所有，如有侵权，请联系我们：
admin#shaoqun.com
（#换成@）。
