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中未知尺寸图片的垂直居中

1.淘宝的方法 在曾经的"淘宝UED招聘"中有这样一道题目: “使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。” 当然出题并不是随意,而是有...

div+CSS 文字垂直居中

说到这个问题的时候,也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗? 即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊! 所以在这里我还要啰嗦两句,C...

CSS div文本垂直居中

问题:vertical-align,在div中设置文本垂直居中,是不起作用的。那怎么样设置div的文本垂直居中哦!关于"CSS文本垂直居中"的文章在网上可以找到很多,它们主要涉及3种方法:1、单行文本...

DIV+CSS如何让文字垂直居中?

我给div标签加了一个css想让div标签里的文字垂直居中对齐,该怎么做? 知识天地 .1_div { font-size: 12px; font-weight: bold; color: #...

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

本文总结了垂直居中的各种方法,包括单行文本垂直居中、多行文本垂直居中以及div垂直居中,列出了多种情况对应的方法。读者可以根据实际需要选择合适的方法。...

CSS教程:div垂直居中的N种方法[转]

在说到这个问题的时候,也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗?即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊!所以在这里我还要啰嗦两句,C...

css让div在整个网页水平、垂直居中解决方法

css让div在整个网页水平、垂直居中解决方法废话不说,直接上最终代码。 .div-out{ position: absolute; left:50%...

div+css实现Firefox和IE6/7兼容的垂直居中

Firefox中使用display: table-cell; vertical-align: middle;可以实现div垂直居中,而IE6/7中则需要借助IE6/7中css的特点实现垂直居中。为了实...
  • wzhiu
  • wzhiu
  • 2013年02月28日 17:38
  • 1535

纯CSS如何让图片以及DIV垂直居中显示?

图片,也就是img标签,行内元素;div,块级元素。 有时候我们会纠结于如何让这两种元素在父容器DIV中垂直居中显示(当然 ,这里我们抛开表格布局不谈,因为表格可以让内容自动垂直居中) 1....
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:CSS div垂直居中
举报原因:
原因补充:

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