其他分享
首页 > 其他分享> > div在不同分辨率屏幕上下左右居中

div在不同分辨率屏幕上下左右居中

作者:互联网

方法一:

		div{
			    position:absolute;
				width: 200px;
				height:200px;
				background:red;
				top:50%;
				left:50%;
				margin-left:-100px;
				margin-top:-100px;
			}

方法二:

			div{
			   		position:absolute;
					width: 200px;
					height:200px;
					background:red;
					top: 0;
					left: 0;
					bottom: 0;
					right: 0;
			 		margin:auto;
			}

方法三:

		div {
			    position:absolute;
				width: 200px;
				height:200px;
				background:red;
				top:50%;
				left:50%;
				transform:translate(-50%,-50%);
			} 

方法四:

	div{
		position:absolute;
		width: 200px;
		height:200px;
		background:red;
		top: calc((100% - 200px)/2);
		left:calc((100% - 200px)/2);
	}

标签:top,50%,height,div,left,上下左右,分辨率,200px
来源: https://blog.csdn.net/weixin_43776522/article/details/93757570