css 不确定高度的元素垂直居中

1、transform实现:(兼容IE)

父元素:position:relative;height:确定高度;

子元素: position:absolute;top:50%;transform: translateY(-50%);

2、flex布局

父元素{

height:确定高度;

display:flex;/*Flex布局*/

display: -webkit-flex; /* Safari */

align-items:center;/*指定垂直居中*/

}

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 2,402评论 0 11
  • H5移动端知识点总结 阅读目录 移动开发基本知识点 calc基本用法 box-sizing的理解及使用 理解dis...
    Mx勇阅读 4,777评论 0 26
  • 各种纯css图标 CSS3可以实现很多漂亮的图形,我收集了32种图形,在下面列出。直接用CSS3画出这些图形,要比...
    剑残阅读 9,956评论 0 8
  • 关于css常见问题,大多是移动端的。 简单的排版规则:条目与条目之间空两行,每条内容部分分段空一行。标点符号全部用...
    苏水儿阅读 5,154评论 0 9
  • 苹果查询助手 - 充值 苹果查询助手 - 新版本下载 本软件会自动查询苹果手机保修期,Apple care等信息,...
    飛揚軟體阅读 1,956评论 0 0

友情链接更多精彩内容