让一个块级元素在某区域内上下左右居中

最新推荐文章于 2021-03-02 21:20:59 发布

MonkeyProgirl

最新推荐文章于 2021-03-02 21:20:59 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端文章标签：元素居中

本文链接：https://blog.youkuaiyun.com/MonkeyProgirl/article/details/53501019

web前端专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种使用CSS绝对定位元素到容器中央的方法，通过设置特定的CSS样式使元素无论容器大小如何都能居中显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div class=” container”>
<div class=” box”><div/>
<div/>
	.container {
	border: 1px solid #000;
	width: 300px;
	height: 300px;
	position: relative;
	}
	
	.box {
	border: 1px solid #000;
	width: 50px;
	height: 50px;
	
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

效果图：