CSS元素居中的方式

一、文本上下左右居中的方式： 1、给元素添加text-align:center,使元素水平居中。 我们给容器设置宽为200px,高为100px,背景颜色为灰色。 实现代码如下： html结构代码如下： css样式如下: 实现效果如图: 2、使文本垂直居中，使行高与容器高度一致，即可达到垂直居中的效果。 给css样式里添加line-height:100px; 效果图如下： 二、使子元素在父元素内部左

>>阅读原文<<