A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

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


1. 方案一
div绝对定位水平垂直居中【margin:auto实现绝对定位元素的居中】,
兼容性:,IE7及之前版本不支持
2. 方案二
div绝对定位水平垂直居中【margin 负间距】     
这或许是当前最流行的使用方法。
3. 方案三
div绝对定位水平垂直居中【Transforms 变形】
兼容性:IE8不支持;
4. 方案四
css不定宽高水平垂直居中
5. 方案五
将父盒子设置为table-cell元素,
可以使用text-align:centervertical-align:middle实现水平、垂直居中。
比较完美的解决方案是利用三层结构模拟父子结构

6. 方案六
对子盒子实现绝对定位,利用calc计算位置

5 个回复

倒序浏览
棒棒哒
回复 使用道具 举报
赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞赞
回复 使用道具 举报

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