1、純文字居中

   #left{        width: 100%;        height:200px;        background: pink;        text-align: center;       line-height: 200px;    }

<div id="left">我已亭亭，不憂亦不俱-----------------《蓮的心事》</div>

2、圖片居中

形如：<div><img src="" ></div>

第一種，div不定寬高，圖片確定或不定寬高，直接給div加水平居中

div{text-align: center;}

第二種 ,div和圖片大小均固定

div{

       display: table-cell;       text-align: center;      vertical-align: middle;

}

第三種，大小均可不寫。flex彈性佈局，（強推，超好用，三列布局啥的也適用）

div{

      display: flex;       justify-content:center;       align-items: center;

}