• 手机版

    扫码体验手机版

  • 微信公众号

    扫码关注公众号

国内首家协议开发

软芯音视解码保护平台

在线
客服

发布
需求

在线
聊天

天盟
APP

天盟APP下载

关注
微信

微信扫一扫访问
顶部

这种情况为什么只有一种居中

div{
position:absolute;
top:50%;
height:300px;
background:#ccc;
display:table-cell;
vertical-align:middle;


}



text



s

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

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

使用道具 举报

全部参与2

文字水平居中:text-align:center;
单行文本垂直居中:line-height:盒子高度;
多行文本垂直居中:1.使上下的padding值相同即可;
2.文字所在父级盒子display:table; 对文字设置display:table-cell;vertical-align:middle;(IE6不支持)

3.用定位去做

块元素水平居中:margin:0 auto;
不知你指的是谁没居中

使用道具 举报

代码是从上到下执行的,position:absolute是作用于块状元素的,display:table-cell,破坏了div的块状性质,将其修改为了table-cell,这两处的代码是矛盾的,所以只有一种居中

使用道具 举报

发新帖

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

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

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