黑马程序员技术交流社区

标题: 【广州PHP】css如何将一个div水平垂直居中 [打印本页]

---

作者: gz_xudada    时间: 2018-5-25 20:07
标题: 【广州PHP】css如何将一个div水平垂直居中

css如何将一个div水平垂直居中

1. 方案一

div绝对定位水平垂直居中【margin:auto实现绝对定位元素的居中】，

兼容性：,IE7及之前版本不支持

2. 方案二

div绝对定位水平垂直居中【margin 负间距】     

这或许是当前最流行的使用方法。

3. 方案三

div绝对定位水平垂直居中【Transforms 变形】

兼容性：IE8不支持；

4. 方案四

css不定宽高水平垂直居中

5. 方案五

将父盒子设置为table-cell元素，

可以使用text-align:center和vertical-align:middle实现水平、垂直居中。

比较完美的解决方案是利用三层结构模拟父子结构

6. 方案六

对子盒子实现绝对定位，利用calc计算位置

---

作者: 安云菅    时间: 2018-5-26 19:13
棒棒哒

---

作者: 技术小白✔    时间: 2018-5-30 22:30
赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞

---

作者: 黑马中的白龙马    时间: 2018-5-31 17:04
顶
要顶
必须顶
不得不顶
用尽全力顶
再加上千斤顶
总之把它顶到顶
接着使出葵花宝顶
就算顶到史前也要顶
老子看了会用道德经顶
孔子亲自拜你为师天天顶
秦始皇站在阿房宫上使劲顶
汉高祖挥师杀向东罗马为你顶
吕布抛弃了貂禅而选择了帮你顶
张三丰见了后用太极拳九式全力顶
左冷禅召开武林盟主大会商讨如何顶
西门吹雪从此学会了最强一招剑神一顶
龙剑飞的如来神掌最后一式改为万佛朝顶
陆小凤从此再也不管闲事了而专门来为你顶
四大名捕四面出击看天下还有没有人敢不在顶

---

作者: PHP刘志勇    时间: 2018-5-31 23:15
顶顶顶顶顶顶顶顶顶

---

作者: fuofice    时间: 2018-6-1 22:52
66666666666666666666666

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2