CSS 完全居中的DIV（水平和垂直对齐）

Posted 2021-05-23

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（水平和垂直对齐）的主要内容，如果未能解决你的问题，请参考以下文章