1.出现问题
页面100%时,内容在页面中是居中的:缩小以后就不居中了:
2.错误原因
没有给这整个区域设置一个大的div,让这个盒子居中,只是用margin调整了100%时的位置。
3.解决问题
给这整个内容用一个大的div包裹起来,css设置盒子居中属性:margin:0 auto;(水平方向根据需求设置px),就可以实现盒子居中了。
(注意margin:0 auto;要与width一起使用,别忘了设置盒子宽高)
css样式:
4.最终效果
1.出现问题
页面100%时,内容在页面中是居中的:缩小以后就不居中了:
2.错误原因
没有给这整个区域设置一个大的div,让这个盒子居中,只是用margin调整了100%时的位置。
3.解决问题
给这整个内容用一个大的div包裹起来,css设置盒子居中属性:margin:0 auto;(水平方向根据需求设置px),就可以实现盒子居中了。
(注意margin:0 auto;要与width一起使用,别忘了设置盒子宽高)
css样式:
4.最终效果