一个元素定义水平居中
1.判断是行内元素（display:inline;）还是块状元素(display:block;)和行内块状元素(display:inline-block;)，
2.如果是行内元素和行内块状元素想实现水平居中给父元素加入text-alingn:center来实现居中，
例如：
渲染效果为：
如上可见，为文字元素（display:inline）input/img行内块状元素(display:inline-block)，三个元素依次从左往右，三元素宽度相加在页面居中显示，如果想要显示为每个元素独占一行居中显示，可以添加<br/>标签来换行。添加后渲染为
总结一下，只要子元素是行内元素和行内块状元素，给此父元素设置text-align:center;就可以实现子元素的元素水平居中显示，无论子元素有没有设置width和height宽度和高属性
