元素被完全移除，就像它最初不在 HTML 代码中一样。

元素被转换为行内元素：它像简单的文本一样表现。

任何应用的height和width将无效。

元素被转换为块级元素：它从新行开始，并占据整个宽度。

元素同时具有行内和块级元素的属性

• 行内，因为元素像简单的文本一样表现，并且插入到文本块中
• 块级，因为您可以应用height和width值

例如，此元素具有

.element{
  height: 3em;
  width: 60px;
}

元素像列表项一样表现：<li>。与块级的唯一区别是列表项有一个项目符号。

元素像表格一样表现：<table>。

它的内容和子元素像表格单元格一样表现。

元素像表格单元格一样表现：<td>或<th>。

它的内容和子元素像表格单元格一样表现。

元素像表格行一样表现：<tr>。

它的内容和子元素像表格单元格一样表现。

元素被转换为Flexbox容器。它本身像一个块级元素一样表现。

它的子元素将被转换为Flexbox 项目。

元素同时具有行内和Flexbox元素的属性

• 行内，因为元素像简单的文本一样表现，并且插入到文本块中
• Flexbox，因为它的子元素将被转换为 Flexbox 项目

例如，此元素具有

.element{
  height: 3em;
  width: 120px;
}

元素被转换为网格容器。它本身像一个块级元素一样表现。

它的子元素将被转换为网格项目。

元素同时具有行内和网格元素的属性

• 行内，因为元素像简单的文本一样表现，并且插入到文本块中
• 网格，因为它的子元素将被转换为 Flexbox 项目

例如，此元素具有

.element{
  height: 3em;
  width: 120px;
}