HTML技巧篇：实现元素水平与垂直居中的几种方式

本篇文章主要给大家介绍一下如何使用html+css实现元素的水平与垂直居中效果，这也是我们网页在编码制作中会经常用到的问题。 1）单行文本的居中 主要实现css代码： 水平居中：text-align:center;垂直居中：line-height:XXpx; /*line-height与元素的height的值一致*/ 我们先来看这样一个例子，加入我们这里有一个div，宽度和高度为300px，背景颜

>>阅读原文<<