CSS 水平 - 垂直div对齐

Posted

tags:

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

#mydiv {
	position:absolute;
	top: 50%;
	left: 50%;
	width:350px;
	height:300px;
	margin-top: -150px; /*set to a negative number 1/2 of your height*/
	margin-left: -175px; /*set to a negative number 1/2 of your width*/
	border: 2px solid #2982C6;
	background-color: #FFF;
    text-align: center;
}

以上是关于CSS 水平 - 垂直div对齐的主要内容,如果未能解决你的问题,请参考以下文章

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

div的水平和垂直对齐

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

CSS中的垂直对齐?

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

如何左对齐和垂直对齐标题中的图像并将文本水平保持在div的中心[重复]