block块级元素 inline行内元素 inline-block行内块级元素
行内元素常见的如：button, input, label, select, textarea, a, img。
inline（行内元素）在页面中可以一行存在，如两个button在一起时。 此时的两个按钮即元素style中只有margin-left、margin-right、padding-left、padding-right可用上下的边距均无效
想要使用（margin-top、margin-bottom、padding-top、padding-bottom）需要使用inline-block将行内元素转换成行内块级元素 注：行内块级元素不会占领整一行
当元素成为块状元素时,元素会占领页面中的一行 如下图所示：
(1).行内元素、行内块级元素的居中
<input type="button" /> <input type="button" />想元素在页面中居中需要在外面套div标签将其文本居中
<div style="text-align:center;"> <input type="button" /> <input type="button" /> </div>(2).块级元素或转成块级元素的居中 可以行内元素转成块级元素使用margin:0 auto;使其居中
<input type="button" style="display:block;margin: 0 auto;"/>