样式的总结

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

<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>

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