一、如何给盒子增加内边距和边框盒子不会被撑大
- 加
box-sizing:border-box; - 笨办法加多少给高或者宽减去但是
二、图片大于盒子宽度如何居中显示
- 1.如果图片的宽度大于父元素地宽度，不能使用margin:0 auto;或者 text-align:center;让图片居中
2.如果图片的宽度大于父元素地宽度，可以使用定位流让图片居中
但是定位流地弊端也比较明显，
1.需要写三行代码
2、必须知道图片的宽度
3、如果图片的宽度大于父元素地宽度,也可以使用技巧
margin:0 -100%;
注意点：父元素必须设置text-align:center;
opacity: 0;
/*作用：设置透明度
子元素也会跟着透明
*/ - 定位流的盒子居中
1
left:50%;
margin-left:-盒子一半px;
2
left:50%;
技巧;在企业开发中推荐使用如下的方式让元素居中
水平居中：
left:50px;
transform:transitionX(-50%);