• 手机版

    扫码体验手机版

  • 微信公众号

    扫码关注公众号

国内首家协议开发

软芯音视解码保护平台

在线
客服

发布
需求

在线
聊天

天盟
APP

天盟APP下载

关注
微信

微信扫一扫访问
顶部

div垂直居中

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

免责声明:本内容仅代表回答会员见解不代表天盟观点,请谨慎对待。

版权声明:作者保留权利,不代表天盟立场。

使用道具 举报

全部参与4

只使用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添加上面的样式

使用道具 举报

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

使用道具 举报

margin:0 auto

使用道具 举报

发新帖

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

发布分类: *
任务预算: *
需求内容: *
手机号码: *
任务商家报价为
  • 预算价 :
  • 成交价 :
  • 完工期 :
  • 质保期 :

* 最终任务项目以服务商报价、双方协商为准!