水平垂直居中

实现demodemo源码css代码：.container{width:400px;height: 200px;background-color: # ccc;position: absolute;top:0;bottom: 0;left: 0;right: 0;margin:auto;overflow:hidden;}/第一种方式实现圆角/.left-circle{back

业界 2016年07月06日

[分享] 纯CSS完美实现垂直水平居中的6种方式

前言由于HTML语言的定位问题，在网页中实现居中也不是如word中那么简单，尤其在内容样式多变，内容宽高不定的情况下，要实现合理的居中也是颇考验工程师经验的。网上讲居中的文章很多，但是都不太完整，所以小茄今天就来总结下纯CSS实现居中的各种方案。学疏才浅，文中如有不当之处，万望指出！6种方案1、绝对定位+margin：auto .wrp { backgr

业界 2016年07月29日