• 手机版

    扫码体验手机版

  • 微信公众号

    扫码关注公众号

国内首家协议开发

软芯音视解码保护平台

在线
客服

发布
需求

在线
聊天

天盟
APP

天盟APP下载

关注
微信

微信扫一扫访问
顶部

div垂直居中

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

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

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

使用道具 举报

全部参与5

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

使用道具 举报

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

使用道具 举报

发新帖

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

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

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