样式的总结

高度固定， 单行和多行文字的垂直居中

<div class="demo1">
            <span>
                这里是多行的文字，有很多行的，我也不知道能显示到哪里
                这里是多行的文字，有很多行的，我也不知道能显示到哪里
                这里是多行的文字，有很多行的，我也不知道能显示到哪里
                这里是多行的文字，有很多行的，我也不知道能显示到哪里
            </span>
        </div>
        <style type="text/css">
            .demo1{
                border: 1px dashed darkcyan;
                height: 13.25em;
                display: table-cell;
                font-size: 20px;
                vertical-align: middle;
                padding: 0 0.5em;
            }
            .demo1 span{
                display: inline-block;
                vertical-align: middle;
            }
        </style>

详情参考 爱生活，爱拉芳的专辑