css中 块级元素与行元素的相互转换

CSS中可以通过设置`display`属性来实现块级元素和行内元素的相互转换。

1. 块级元素转换为行内元素：

将块级元素设置为`display: inline`或`display: inline-block`即可将其转换为行内元素。例如：

div {
    display: inline; /* 将 div 转换为行内元素 */
}

2. 行内元素转换为块级元素：

将行内元素设置为`display: block`即可将其转换为块级元素。例如：

span {
    display: block; /* 将 span 转换为块级元素 */
}

3. 块级元素转换为块级表格元素：

将块级元素设置为`display: table`即可将其转换为块级表格元素。例如：

div {
    display: table; /* 将 div 转换为块级表格元素 */
}

4. 块级元素转换为表格单元格元素：

将块级元素设置为`display: table-cell`即可将其转换为表格单元格元素。例如：

div {
    display: table-cell; /* 将 div 转换为表格单元格元素 */
}

需要注意的是，相互转换后元素的默认样式也会相应地改变，例如块级元素转换为行内元素后，它的高度、宽度等属性可能失效，因为行内元素不会独占一行。因此在转换时需要根据具体情况进行调整。