div垂直居中

唐***

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

gdi***

只使用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

城***

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

i-V***

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

已有账号？

找人解决需求

div垂直居中

全部参与3

热门问答

唐***

今日需求悬赏

今日问答求助

发布任务需求已有1031284位用户正在使用天盟网服务

新手帮助

平台规则

关于天盟

一键快捷导航

微信公众号

手机客户端