內聯元素（display：inline-block）注意事項

1.內聯元素margin的上下沒有用，加入 display:inline-block 後，纔有用；

不是block塊級元素了，那麼想居中，用 margin：0 auto; 沒用了，

那想居中，在他“父親”加上 text-align：center； 即內聯元素想居中，在他“父親”加上 text-align：center；

2.如果想讓邊框縮，跟文本一樣寬，加入  display:inline-block

3， display:inline-block後，下面會有空隙，需加上 vertical-align:top; 不加會出hug

4,內聯元素從左向右移動，塊級元素從上到下

5.內聯元素的高度：有line-height決定

6、display: block 會另起一行