HTML文字和圖片垂直居中

原圖： HTML源代碼 CSS樣式表： 1.讓文字垂直居中對齊很簡單，只要給類添加寬度和高度和行高就能夠實現垂直居中對齊的效果。以下圖：高度和line-height（行高）的值要一致，不同就不對齊。Line-height設置行間的距離（行高）。 2.文字水平方向對齊 給類添加上text-align: center這一句代碼就能夠實現文字水平方向對齊。Text-align的意思是：元素中的文本的水平

>>阅读原文<<