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

html-css010

在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来说,有一种盒模型也可解决问题。简单,易懂。

以下代码,可以试试,是到达了你要求的效果。思想是:用1个DIV为父容器,包容这两个DIV,左侧的浮动向左。而父容器的长与高由内部两个DIV决定,且要设置为居中。htmlheadstyle

type=text/css!--#right

#left

#all

--/style/headbodydiv

id=all

div

id=left此处显示

id

left

的内容/div

div

id=right此处显示

id

right

的内容/div/div/body/html