作为前端开发人员,很多时候我们会需要让一个div使用position:fixed属性,这个时候有一个棘手的问题是如何在这个时候让div居中显示。我的做法是:给top、right、bottom、left四个值一个0像素,再给margin-top、margin-right、margin-bottom、margin-left四个值auto属性,来让浏览器帮我们计算像素比例,从而达到剧中的目的!!!
注意:前提是必须要确定这个div的宽高,当然高度可以由内容撑大也是可以的。
<style>
#div {
width: 320px;
height: 150px;
position: fixed;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
margin-left: auto;
margin-right: auto;
margin-top: auto;
margin-bottom: auto;
}
</style>