HTML技巧篇：實現元素水平與垂直居中的幾種方式

本篇文章主要給大家介紹一下如何使用html+css實現元素的水平與垂直居中效果，這也是我們網頁在編碼製作中會經常用到的問題。 1）單行文本的居中 主要實現css代碼： 水平居中：text-align:center;垂直居中：line-height:XXpx; /*line-height與元素的height的值一致*/ 我們先來看這樣一個例子，加入我們這裏有一個div，寬度和高度爲300px，背景顏

>>阅读原文<<