总结：
1、水平居中可以使用 100%和text-align: center;来搞定；
2、垂直居中并实现动态变化可以使用onresize事件+js动态设置布局（position: absolute; 以及top/bottom）来实现；
3、 图片在div中居中设置：使用margin: 0px auto;
4、怎么保证左右拉伸时图片和输入框的绝对居中效果不变，设置最小宽度min-width的值一致即可！其他使用了display: inline-block的元素同理；
总结：
1、水平居中可以使用 100%和text-align: center;来搞定；
2、垂直居中并实现动态变化可以使用onresize事件+js动态设置布局（position: absolute; 以及top/bottom）来实现；
3、 图片在div中居中设置：使用margin: 0px auto;
4、怎么保证左右拉伸时图片和输入框的绝对居中效果不变，设置最小宽度min-width的值一致即可！其他使用了display: inline-block的元素同理；