<style>
.out {
position: relative;//相对div的定位
top: 30%;//相对div的border-top的距离,根据元素的高度,50%则为垂直居中;
}
</style>
万能居中法:
#name{
position:relative;
left:50%;
top:50%;
transform:translate(-50%,-50%);
}
<style>
.out {
position: relative;//相对div的定位
top: 30%;//相对div的border-top的距离,根据元素的高度,50%则为垂直居中;
}
</style>
万能居中法:
#name{
position:relative;
left:50%;
top:50%;
transform:translate(-50%,-50%);
}
上一篇:PL/SQL编码规范的一些建议
用css写一个好玩的不停弹跳变形的圆。
今天分享的是一个旋转的金币,适用于游戏网站,会员币等场景。
e; margin: auto;top: 0;bottom: 0; //垂
css-div水平垂直居中
1、子级设置absolute+ left:50%;top:50%; margin-left:减去此元素宽度的一半
div垂直居中 css div盒子上下垂直居中,让DIV盒子在任何浏览器中任何分辨率的显示屏浏览器中处于水平居中和上下垂直居
举报文章
请选择举报类型
补充说明
0/200
上传截图
格式支持JPEG/PNG/JPG,图片不超过1.9M