http://www.qianduan.net/css-to-achieve-the-vertical-center-of-the-five-kinds-of-methods.html
table-cell轻松设置文本图片水平垂直居中让一个元素垂直居中的思路：把这个元素的容器设置为table-cell，也就是具有表格单元格的特性，再使用vertical-align(这个属性对block元素不起作用，但对table-cell…
<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>水平居中垂直居中方法</title><style>…
如果是应用了表格，那么设置单元格为align="center"就可以使其中的一切内容居中。如果没有应用表格要想设置图片居中就有点困难了。困难来自不按"常规出牌"的浏览器。按照CSS标准，只要设置了图片容器的CSS属性为display:tab…
html,body{height:100%;margin:0;}body{-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit…
display:grid;/*垂直居中align-items:center;justify-content:center;*//*垂直居中place-items:center;*//*左上角place-items:start;*//*右上角…
Ⅰ.绝对定位居中(AbsoluteCentering)技术我们经常用margin:0auto来实现水平居中，而一直认为margin:auto不能实现垂直居中……实际上，实现垂直居中仅需要声明元素高度和下面的CSS:[css]viewplai…
html<divclass="outer"><divclass="inner"></div></div>基本样式.outer{background:#ddd;width:500px;heigh…
一个问题一直困扰着不少前端制作人员（也称前端开发工程师，o(∩_∩)o）。如题，如何实现一张未知宽高的图片在一个Div里面水平垂直居中呢？相信部分前端Sir首先想的是Table布局，是的，实现起来不是很麻烦，但肯定也有和浩子一样有代码洁癖的…
