×
新网 > 建站推广 > 正文

css如何垂直对齐容器中的元素

  • 作者:zccc
  • 来源:网络
  • 2020-07-02 18:02:52

可以利用CSS3的Transform来实现容器中的元素垂直对齐。(推荐学习:css快速入门)具体代码实现:.verticalcenter{ position: relative; top: 50%; -webkit-transform:


可以利用CSS3的Transform来实现容器中的元素垂直对齐。

(推荐学习:css快速入门)

具体代码实现:

.verticalcenter{
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

使用这个技巧,从单行文本、段落到box,都会垂直对齐。

目前浏览器对Transform的支持是需要关注的,Chrome 4, Opera 10, Safari 3, Firefox 3, and Internet Explorer 9均支持该属性。

  • 相关专题

免责声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,也不承认相关法律责任。如果您发现本社区中有涉嫌抄袭的内容,请发送邮件至:operations@xinnet.com进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。

免费咨询获取折扣

Loading