鍍金池/ 問答/HTML/ 求靈活布局寫法

求靈活布局寫法

案列1：
<div style="width:100%;height:500px">
    文本內(nèi)容
</div>

案列2：
<div style="width:200px;height:100px;position:absolute;top:50%;left:50%;margin-top:-100px;margin-left:-100px">
文本內(nèi)容
</div>

求解：將文字橫縱居中（要保證正常換行，所以不能使用line-height）

回答
編輯回答
蔚藍色

這兒有一套居中的方法和demo。

2018年3月20日 11:53
編輯回答
離觴

參考案例吧

2017年5月8日 01:21
編輯回答
清夢

水平居中：text-align: center;

垂直居中：

div {
    display: table-cell;
    vertical-align: middle;
}
2018年4月18日 06:47