垂直居中是让我们最头疼的一个问题，但是有很多时候又需要垂直居中，如果只是一行文字，垂直居中非常简单，只需要设置元素的 高 = 行高
但是如果是一张图片呢？这样的设置能让图片垂直居中吗？ 可能有的人认为直接设置margin就可以了，但是这样的方式是非常固定的，一旦图片的大小改变了，则不再居中。 那又有一种可能，我们需要一个段落在一个指定的高度内垂直居中呢？这时又该怎么做呢？因为段落的内容会随着用户增加或者减少，所以段落就不再只有一行，或者两行，这时又该如何自动居中呢？
应用场景
以纽曼的头部logo为例，前提条件，需要固定的高度
html代码
<div class=