div+css寫文字居中和圖片居中
阿新 • • 發佈:2018-12-18
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;
}