nat123做网站,苏州知名网站建设,建材企业网站模板,建网站怎么赚流量在布局页面的时候#xff0c;有时候会遇到让一个盒子水平和垂直方向上都居中,如果手动调整盒子的位置#xff0c;未免太复杂了一些#xff0c;下面介绍两种方法#xff0c;很轻松就能做到盒子的水平和垂直方向的居中#xff1a; 定位的盒子居中 第一种方法#xff1a;需要…在布局页面的时候有时候会遇到让一个盒子水平和垂直方向上都居中,如果手动调整盒子的位置未免太复杂了一些下面介绍两种方法很轻松就能做到盒子的水平和垂直方向的居中 定位的盒子居中 第一种方法需要知道盒子的宽高 div{position: absolute;left: 50%;top: 50%;margin: -100px 0 0 -100px;width: 200px;height: 200px;
} 第二种方法不需要知道div的宽高但是不兼容IE低版本浏览器 div{position: absolute;left: 0;right: 0;top: 0;bottom: 0margin: auto;} 浮动的盒子居中 一、使用margin值将浮动的盒子挤到中间位置
div{width:300px;height: 300px;margin: 300px;}
二、让父元素居中
父元素
.father{width: 200px;height: 200px;margin: 0 auto;float:left;
}
.son{width:100px;height:100px;float:left;
} 转载于:https://www.cnblogs.com/rainbow8590/p/7096082.html
