这里的demo都只是针对现代浏览器所做,未兼容低版本的IE以及其它非主流浏览器。 11种实现方式分别如下: 1. 使用绝对定位和负外边距对块级元素进行垂直居中 html代码: <div id="box"> <div id="child">我是测试DIV</div> </div> css代码: <style> #box { width: 300px; height: 300px; background: #ddd; position: rela…
这里的demo都只是针对现代浏览器所做,未兼容低版本的IE以及其它非主流浏览器。 11种实现方式分别如下: 1. 使用绝对定位和负外边距对块级元素进行垂直居中 html代码: <div id="box"> <div id="child">我是测试DIV</div> </div> css代码: <style> #box { width: 300px; height: 300px; background: #ddd; position: rela…