定位:定位在中间,放大缩小时也不会跑偏。
position:absolute;
top: 50%;
left: 50%;
margin: -270px 0 0 -455px;
解释:定位后,设百分比的位置,再设置外边距。
浮动:span等行内元素不能设置宽高,但在浮动后可以设置宽高。
<style>
span {
width: 200px;
height: 200px;
background: red;
float: left;
}
</style>
<span>qqq</span>
定位:定位在中间,放大缩小时也不会跑偏。
position:absolute;
top: 50%;
left: 50%;
margin: -270px 0 0 -455px;
解释:定位后,设百分比的位置,再设置外边距。
浮动:span等行内元素不能设置宽高,但在浮动后可以设置宽高。
<style>
span {
width: 200px;
height: 200px;
background: red;
float: left;
}
</style>
<span>qqq</span>