折叠是一种将4列元素转换为2列的方法，可以使用以下CSS属性来实现：
“`css
table {
display: table;
table th, table td {
display: table-cell;
text-align: left;
上述代码将4行元素转换为2行，其中`th`和`td`元素都被设置为`display: table-cell`，这意味着它们将成为独立的单元格，并且每个单元格都将默认使用默认的字体、颜色和大小。
使用这些属性，可以将一个具有4列的表单元素转换为2列，例如：
“`html
<table>
<tr>
<th>第一列</th>
<th>第二列</th>
<th>第三列</th>
<th>第四列</th>
</tr>
<tr>
<td>第一行</td>
<td>第二行</td>
<td>第三行</td>
<td>第四行</td>
</tr>
</table>
在这个例子中，表单元素的第一行和第二行被折叠，而第三行和第四行被展开。
需要注意的是，折叠通常只在表单元素中使用，因为表单元素通常具有固定的行数和列数。其他类型的元素，例如表格、列表和文档，通常不需要使用折叠。