一、使用CSS设置绝对定位元素的位置
.element {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
在CSS中，使用“绝对定位”将元素放置在其父元素的指定位置。要定位元素，请使用 position 属性。使用 top，bottom，left，right 属性，同时使元素脱离文档流，并且在其父元素中的位置被绝对规定。要将元素放置在父元素的中央，需要使用 top: 50%; left: 50%; 和 transform: translate(-50%, -50%);。
top 和 left 属性指定元素的左上角被放置到其包含元素中的距离。将这些属性设置为50%，会将元素的中心放置到包含元素的中心。translate(-50%, -50%) 将元素向左和向上移动50%的宽度和高度。由此，元素将相对于其包含元素的中心定位。
二、使用空白DIV容器进行元素定位
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/312712.html
微信扫一扫 
支付宝扫一扫 