js html表只显示十条,仅使用css而不使用javascript将html表强制为单个堆栈列

我正在创建一个html模板,它包装了一个用于布局表单的表.我可以完全控制包装表而不是表本身的html.在将表发送到客户端之前,该表将注入我的模板中.我无法控制这一点.我唯一能控制的是包装表和任何CSS的html.

该表是一个两列表,如下所示:

Column 1	Column 2
this is column 1	this is column 2

-------------------------------------------------

|Column 1 |Column 2 |

-------------------------------------------------

|this is column 1 |this is column 2 |

-------------------------------------------------

但是我希望我们可以将它显示为一个堆叠列.

----------------------------

|Column 1 |

-----------------------------

|this is column 1 |

-----------------------------

|Column 2 |

-----------------------------

| this is column 2 |

-----------------------------

有没有办法只使用CSS实现这一点,没有Javascript？