css 垂直居中

1、子元素在父元素中水平居中,垂直居中 给父元素加   position: relative;//如果不加此属性 ,则元素相对于页面居中定位 给子元素加: position: absolute; top: 50%;//可调节 left: 50%;//可调节 width:80%;//可调节 height:30%; padding:20px; //可选择 text-align:center; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前言 CSS居中一直是一个比较敏感的话题,为了以后开发的方便,楼主觉得确实需要总结一下了,总的来说,居中问题分为垂...
    秦至阅读 746评论 1 2
  • 标签:css-常用技巧 table-cell 式将 center 元素的父容器设置为 display:table,...
    练晓习阅读 540评论 0 1
  • 对于最流行的表格布局法和行内块法不去考虑,只考虑用最新的现代CSS去实现 基于绝对定位的解决方案 1.早期解决方法...
    咕咚咚bells阅读 270评论 0 0
  • 第一种:基于绝对定位的解决方案 用top,left移动只是将div的左上角移到父元素的正中心,视觉上并没有使div...
    owlhpy阅读 274评论 0 0
  • 垂直居中有几种实现方式 父元素上下padding设置成一样大小代码2.绝对定位position: absolute...
    饥人谷_wanpp阅读 632评论 0 47