css設置文字上下居中整理

1、

<!--html代碼-->
    <div id="outer">
        <div id="middle">
            這是固定高度多行文本垂直居中，
            這是固定高度多行文本垂直居中，
            這是固定高度多行文本垂直居中，
            這是固定高度多行文本垂直居中。
        </div>
    </div>

/*css代碼*/
       #outer{
            width: 400px;
            height: 200px;
            margin: 50px auto;
            border: 1px solid red;
            display: table;
        }
       #middle{ 
            display:table-cell; 
            vertical-align:middle;  
            text-align: center; /*設置文本水平居中*/  
            width:100%;   
        }