Width Height -- (2)

上回說到，寬高對於塊級元素和行內元素髮生的改變，結果是塊級元素會接受寬高屬性所發生的改變的，而行內元素不接受寬高屬性所發生的改變。

可是，事無絕對 —— CSS屬性display

經過上回進行的測試咱們得知，寬高屬性只能改變塊級元素，不能改變行內元素，可是咱們永遠不知道廣大用戶會怎麼想，有人就會說：‘我就是想用寬高改變行內元素，誰說都很差使’，行讓你改，今天就告訴你怎麼用寬高對行內元素進行改變。

display屬性的主要功能是，將標籤在塊級元素、行內元素和行內塊元素之間相互轉換，這種轉換不是說會改變標籤名稱，span轉換成塊級元素代碼中span就會變成div不是這樣，它最終的目的是清除原先元素的特性，將相對應元素的特性給到display屬性做用的標籤上。

首先讓咱們回顧一下span標籤的特性：

<span></span>

span{
    border: 1px solid black;
}

span標籤是行內元素沒法設置寬高

能夠設置寬高的是塊級元素，如今咱們就來吧span標籤轉換成塊級元素

<span></span>

span{
    display: block;
}

display屬性的block屬性值在英語中就是塊的意思，這段代碼的意義是，將標籤名爲span的標籤轉換爲塊級元素

將span轉換成塊級元素後咱們再來看看寬高對其的影響

<span></span>

span{
    display: block;
    width: 200px;
    height: 200px;
　　 border: 1px solid black;
}

咱們看到，這時的span標籤也受到寬高屬性的影響改變了形狀

這就是咱們改變行內元素最直接的一種方法，怎麼樣行內元素讓你改