可以使用{display:block}將內聯元素變為塊級元素,同時使用{display:inline}將塊級元素變為內聯元素。 {display:inline-block}又是怎麼回事,根據張鑫旭老師《CSS的世界》中的解釋可以理解為,每個元素都有兩個盒子,外在的盒子和內在的盒子,外在的盒子負責元素 ...
可以使用{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}