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

1. 2. 子div如果是block元素，在里面加一个margin:auto;，效果也一样 <div style="width:200px;height:200px;border:2px solid #000;display:table-cell ...

　　代码: 　　效果： ...

方法一： div（父）：display:table; div（子）：display:table_cell;margin:0 auto;vertical-align:middle; 方法二： div（父）：display:flex;justify-context:centet ...

在说到这个问题的时候，也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗？即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊！所以在这里我还要啰嗦两句，CSS中的确是有vertical-align属性，但是它只对(X)HTML元素中拥有valign特性的元素 ...

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

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

转自：http://blog.163.com/yan_1990/blog/static/197805107201211311515454/ 虽然Div布局已经基本上取代了表格布局，但表格布局和Div布局仍然各有千秋，互有长处。比如表格布局中的垂直居中就是Div布局的一大弱项，不过好 ...