CSS 完全居中的DIV(水平和垂直对齐)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS 完全居中的DIV(水平和垂直对齐)相关的知识,希望对你有一定的参考价值。

.vertical {
	width: 600px; /*--Specify Width--*/
	height: 300px; /*--Specify Height--*/
	position: absolute; /*--Set positioning to absolute--*/
	top: 50%; /*--Set top coordinate to 50%--*/
	left: 50%; /*--Set left coordinate to 50%--*/
	margin: -150px 0 0 -300px; /*--Set negative top/left margin--*/
}

以上是关于CSS 完全居中的DIV(水平和垂直对齐)的主要内容,如果未能解决你的问题,请参考以下文章

使用CSS垂直和水平对齐(中间和中心)[重复]

使用 CSS 跨浏览器 div 居中对齐

div的水平和垂直对齐

水平和垂直对齐 Div [重复]

将多个 div 对齐一行并将文本垂直和水平居中

CSS入门知识-图片水平对齐技巧