一種是塊級元素讯榕，即display:block骤素，一種是行內(nèi)元素display:inline-block;
塊級元素包括div，ul愚屁，p,以及所有的h類標(biāo)簽济竹。行內(nèi)元素又叫內(nèi)聯(lián)元素，a霎槐，img送浊，input是最常見的。這些行內(nèi)元素丘跌，可以通過display:block轉(zhuǎn)換成塊級元素袭景。
兩個行內(nèi)元素可以在一行顯示，但是第二個塊級元素只能換行顯示碍岔。
讓行內(nèi)元素水平居中顯示浴讯，我們需要為其父級元素設(shè)置text-align:center,一般這個屬性是用于將文字水平居中的，我們的行內(nèi)元素就相當(dāng)于一行之內(nèi)的文字了蔼啦，所以可以使用這個方法榆纽。
讓塊級元素水平居中的辦法是為塊元素本身添加margin:0 auto;這樣塊級元素的左右邊距就是自動的，也就可以在是水平方向上居中了。
不管是inline-block還是block奈籽，我們需要理解其居中的原理饥侵，是inline-block，就對其父級元素添加text-align:center衣屏，是塊級元素就對其本身添加margin:0 auto;記住了這些躏升，以后再對元素進(jìn)行居中，居左狼忱，居右膨疏。
