可以使用{display：block}將內聯元素變為塊級元素，同時使用{display：inline}將塊級元素變為內聯元素。
{display：inline-block}又是怎么回事，根據張鑫旭老師《CSS的世界》中的解釋可以理解為，每個元素都有兩個盒子，外在的盒子和內在的盒子，外在的盒子負責元素是可以一行顯示，還是只能換行顯示，內在的盒子負責寬高、內容的呈現。
{display：block}
{display：inline}
{display：inline-block}。
實際中我們常常見到的{display：table} {display：inline-table}那又是怎么回事呢？
首先，我們要區分一個概念：“塊級元素”與{display：block}不是一個概念。常見的塊級元素<li>默認的值為list-item，而<table>元素的默認的display的值為table。
{display:table}代表着此元素會作為表格來顯示，表格前后帶有換行符
{display：block} 此元素將顯示為塊級元素，此元素前后會有換行符。
{display：none}此元素不會被顯示
{display：table-cell}