本文转载自：https://www.cnblogs.com/zion0707/p/3907042.html ...

虽然Div布局已经基本上取代了表格布局，但表格布局和Div布局仍然各有千秋，互有长处。比如表格布局中的垂直居中就是Div布局的一大弱项，不过好在 千变万化的CSS可以灵活运用，可以制作出准垂直居中效果，勉强过关。 要让div中的内容垂直居中，无非有以下几种方法，等我一一列举： 一、行高 ...

在千变万化的CSS可以灵活运用，可以制作出准垂直居中效果，勉强过关。 要让div中的内容垂直居中，无非有以下几 ...

1. div高度自适应的情况 div在不设置高度的时候，会被里面的内容撑开，内容自动填充在div中，无论是一行内容还是多行内容，此时不需要设置垂直居中，内容自动在中间的， 想要看的更直观些，只需要加上padding元素，内容四周便会留下空白，实现水平垂直居中的效果 ...

<div> 　　<p>这里是内容</p> </div> <style> 　　div{ 　　　　width:300px; 　　　　height:100px; 　　　　display: flex ...

让一个层水平垂直居中是一个非常常见的布局方式，但在html中水平居中使用margin:0px auto;可以实现，但垂直居中使用外边距是无法达到效果的。（页面设置height:100%;是无效的），这里使用绝对定位+负外边距的方式来实现垂直居中，但同时要考虑页面重置大小的情况，需要使用js来修正 ...

方法一： 1、代码： 2、效果图： 方法二： 1、代码： 2、效果图： 方法三： 1、代码： 2、效果图： 方法四： 1、代码 ...

方法一： 1、代码： 2、效果图： 方法二： 1、代码： 2、效果图： 方法三： 1、代码： 2、效果图： 方法四： 1、代码 ...