CSS div垂直居中

原创 2016年08月29日 17:02:24

这里只讨论垂直居中,只是垂直居中!

html, body {
    height: 100%;
    margin:0;
}
body {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
}

解释不知道,网上看到的,记录下来。

PS: 在IE11上运行好像存在问题。

版权声明:本文为博主原创文章,未经博主允许不得转载。

css 文本和div垂直居中方法汇总

本文总结了垂直居中的各种方法,包括单行文本垂直居中、多行文本垂直居中以及div垂直居中,列出了多种情况对应的方法。读者可以根据实际需要选择合适的方法。...
  • u014607184
  • u014607184
  • 2016年07月04日 14:10
  • 26149

使用css3将一个div水平和垂直居中显示

使用css3将一个div水平和垂直居中显示 方案一: div绝对定位水平垂直居中【margin:auto实现绝对定位元素的居中】, 代码两个关键点:1.上下左右均0位置定位; ...
  • jingtian678
  • jingtian678
  • 2017年06月22日 16:43
  • 785

css布局-多行文字垂直居中

场景一:父元素 高度固定,如何使其中的文字垂直居中? 代码: *{padding: 0;margin:0;font-size: 12px;} div{flo...
  • hdchangchang
  • hdchangchang
  • 2015年07月28日 16:59
  • 12795

实现div里的img图片水平垂直居中

body结构 方法一: 将display设置成table-cell,然后水平居中设置text-align为center,垂直居中设置vertical-align...
  • DreamFJ
  • DreamFJ
  • 2017年03月31日 09:53
  • 37723

CSS之未知高度img垂直居中

效果如下: 测试代码如下:(能够水平居中,通过text-align:center实现) .box{ width:800px;height:600px;border:2px solid #...
  • SkullSky
  • SkullSky
  • 2017年03月13日 12:35
  • 3972

CSS 最新的垂直居中的8个方法

CSS 垂直居中的8个方法 前两天看到一个帖子,是几年前的帖子了,总结利用 CSS 来实现对象的垂直居中有6个方法,结合现在流行的一些方法,我总结出一共有8种CSS垂直居中的方法,大家按实际需要使用对...
  • sinat_15951543
  • sinat_15951543
  • 2016年06月20日 13:49
  • 1616

不定高度div 在一定高度div内水平垂直居中

外层div样式   height:80%; width:100% ;position:relative; 内层div  position: absolute; transform: tra...
  • hyzhang6
  • hyzhang6
  • 2017年12月09日 18:01
  • 24

部分css实现垂直居中和靠右的方法

一、垂直居中方法: 1)使用padding使多个文本或input在div中居中显示(对div和文本高度有要求):    将div的高度设为各子元素中高度最高的一个h1,加入我们需要...
  • yytoo2
  • yytoo2
  • 2017年06月28日 12:02
  • 272

css的div垂直居中的方法,百分比div垂直居中(推荐translate)

1. 固定高宽div垂直居中 .outer{ position: relative; width:100%; height:100%; } .inner{ posit...
  • zhuchunyan_aijia
  • zhuchunyan_aijia
  • 2017年01月23日 11:09
  • 1424

纯css实现div中单行文字,多行文字,嵌套div垂直水平居中问题

学习过程中经常遇到要居中的问题,水平居中问题比较好解决,而垂直居中
  • summaryssss
  • summaryssss
  • 2014年04月24日 10:38
  • 1136
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:CSS div垂直居中
举报原因:
原因补充:

(最多只允许输入30个字)