垂直居中的辦法小結

• 單行文本的話可使用height和line-height設置同一高度。
• position+margin：設置父元素:position: relative;，子元素height: 100px; position:absolute;top: 50%; margin: -50px 0 0 0;（定高）
• position+transform：設置父元素position:relative,子元素：position: absolute;top: 50%;transform: translate(0, -50%);（不定高）
• 百搭flex佈局(ie10+)，設置父元素display:flex;align-items: center;（不定高）