doctype 对 line-height 的影响

前几天写页面的时候,碰到了一个问题,使用 line-height 来使一张图片垂直居中,可是并没有成功。折腾了半天,发现问题出在忘记在页面上设置 doctype
doctype 的作用是声明浏览器应该以哪种文档类型来渲染页面。
<!DOCTYPE html> 表示以 HTML5 来渲染页面,也是目前主流的写法。许多样式和标签在不同的文档类型下都会存在差异,所以写页面千万不能忘记写上 <!DOCTYPE html>