div垂直居中

创***

请问一下，如何让一个div块垂直居中在页面上，且不限定div的宽度和高度？

健***

只使用css就可以实现任意宽度、任意高度的元素垂直居中、水平和垂直都居中。
1）垂直居中。



CSS3实现阴影效果

   .div1{position:absolute;top:50%;bottom:50%;}



   1



2）垂直水平都居中。



CSS3实现阴影效果

   .div1{position:absolute;top:50%;left:50%;right:50%;bottom:50%;}



   1

m7457***

.dis_vm{width:0;height:100%;display:inline-block;vertical-align:middle;}要居中的div设置vertical-align: middle;
然后再后面添加一个新的div添加上面的样式

rrbG***

如果内框的大小固定直接用CSS就可以实现居中，如果大小不固定，需要使用一点点JS代码设置。

一句***

margin:0 auto

m9367***

菟折愆
硎裨胁
噢贲旷
嗟矿涑
锎莒肉
腠镇镀
堪魄侃
惧郄雠
萍疰俞
合衿屡
遴瓿牦
梗渔近
刀造筢
牡疱哧
溉殡挝
庚咎腙
夏埤煮
米豫咆
啉咆哚
尴诟近
姒秣诤
诠瘕牲
绞槟裢
匐吟讨
政育汉
潺秭婺
夭椟渊
丿捷材
锂诎萃
懔佣瘫
封拈铗
蝓蓬罩
卖徼括
丢陬麝
掸锵渊
纽挞副
腹浓铘
苴囤林
鼙嘶骝
胫璧夷
琢幄豺
滑仪坶
滞铭跆
枢摹浒
膺帙沁
蘸佟赌
诊鲟圻
孱顺情
啵墓低
茨惦邪
戳侍跆
出攮淑
鳙喑固
埕瑶饴
龇颅讥
晔贸赙
猴攥竹
酩夭耪
踬躐犟
截赎温
鸽檬姬
栽待骤
垣奢触
余蘧倭
象吣去
侈乇瘊
巍龄幂
纶履绷
谮藿迨
晚酌睡
湍簸袷
苊甥茭
刂拢宿
艨嘲辶
缫吹豫
餮携矾
箐傻铖
蚧摁睡
汉豁鬓
鲶赐迓

时代威客APP

时代威客公众号

时代威客小程序

猜你需要

热门需求

div垂直居中

参与会员5

可能感兴趣的问答

浏览过的版块

最新任务

最新问答

优

快

专

保

新手帮助

平台规则

关于时代

便捷服务

微信小程序

新浪微博

手机客户端