CSS你不知道的那些事！：[1]（每日更新）

今天我们说下HTML中元素居中分为两种情况垂直居中和水平居中，同时又分为文字的垂直、水平居中，层的水平垂、直居中文字的中(三种方法)关键词：line-height(横高)、vertical-align(居中)、padding(内边距)、text-align比如这种效果使用三种方法的代码是：.test1{text-align:center;(水平居中)height:30px;line-height:30px;（垂直居中：各浏览器会有一定的差异，不过我挺喜欢使用的）}.test2{text-align:center;(水平居中)vertical-align:middle; (垂直居中：现在很少使用它了，好多情况不能使用它)}.test3{text-align:center;padding:10px 0px; (垂直居中：会影响高度，一般这种情况都要加上内边距才是实际高度)}层的居中关键词：margin(外边界)，padding实现这种效果前提是两种都是有宽度和高度的：.test1{padding:10px 0px; （垂直居中：使用内边距，是按钮层距离顶端和下方都是10个像素）}.test1 .show{ margin:0 auto; （水平居中，是用外边距自适用）}.test2{padding:10px 10px;（使用内边距，是按钮层距离顶端和下方都是10个像素，左侧和右侧10个像素）}