前端面试题：一个200*200的div在不同分辨率屏幕上下左右居中，用css实现。

最新推荐文章于 2022-03-18 16:51:52 发布

前端程序员路易

最新推荐文章于 2022-03-18 16:51:52 发布

阅读量512

点赞数 1

分类专栏：前端面试题文章标签：前端

本文链接：https://blog.csdn.net/qq_46582421/article/details/123012822

版权

前端面试题专栏收录该内容

56 篇文章 6 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>冒泡排序法</title>
		<style type="text/css">
			#div{
				position: absolute;
				width: 200px;
				height: 200px;
				top: 50%;        
				left: 50%;     
				margin-left:-100px;      
				margin-top:-100px; 	  
				z-index:1000;
				background-color: yellow;
			}
		</style>
	</head>
	<body>
		<div id="div">200*200</div>
	</body>
</html>

效果：
在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

前端程序员路易

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
前端面试题：一个200*200的div在不同分辨率屏幕上下左右居中，用css实现。

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>冒泡排序法</title> <style type="text/css"> #div{ position: absolute; width: 200px; height: 200px; top: 50%; left: 50%;
复制链接

扫一扫