在HTML中怎么让div里的东西上下居中

html-css015

在HTML中怎么让div里的东西上下居中,第1张

设置浮动。

首先,先给一个大的div作为父容器.给他设置好宽,高。

父容器设置为position:relative

子容器(想要居中的容器),设置position: absolute 在设置margin-top,margin-right等等,如果想要绝对居中,可设置如下CSS样式。

.Center-Container {  

  position: relative  

}  

.Absolute-Center {  

  width: 50%  

  height: 50%  

  overflow: auto  

 margin: auto 0  

  position: absolute  

} 本问题关键处为,父子容器之间的关系。

5拓展部分:对于HTML5来说,有一种盒模型也可解决问题。简单,易懂。

margin:0 auto是默认的居中 但是有要求的

不能悬浮

必须有宽度

而left:50%    然后在margin-left 元素的一半的大小这种居中就没那么多要求了

第一种一般用于默认  第二种一半用于悬浮兼容性好些    还能用于上下居中

但是第二种有一个缺点 就是你不知道要居中的元素多大的时候没法用