前端技巧

一、如何给盒子增加内边距和边框盒子不会被撑大

• 加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%);