在一组列之后强制html表中的换行

在一组列之后强制html表中的换行,html,css,Html,Css,我想在我的表中,每行只有4列,如何使用css强制在表中换行? 请检查我在下面的链接中尝试了什么- <table style="table-layout: fixed; width: 100%;"> <tbody> <tr> <td style="word-wrap: break-word;overflow-wrap: break-word;width:25%"></td>

我想在我的
表中,每
行只有4列
,如何使用
css
强制在表中换行? 请检查我在下面的链接中尝试了什么-

<table style="table-layout: fixed; width: 100%;">
    <tbody>
        <tr>
            <td style="word-wrap: break-word;overflow-wrap: break-word;width:25%"></td>
            <td style="word-wrap: break-word;overflow-wrap: break-word;width:25%"></td>
            <td style="word-wrap: break-word;overflow-wrap: break-word;width:25%"></td>
            <td style="word-wrap: break-word;overflow-wrap: break-word;width:25%"></td>
            <td style="word-wrap: break-word;overflow-wrap: break-word;width:25%"></td>
        <tr>
    </tbody>
</table>


LINK-

我发现了一种使用引导的简单方法:

<div class="row">
    <div class="col-sm-3" style="background-color:lavender;"><table>...</table></div>
    <div class="col-sm-3" style="background-color:lavenderblush;"><table>...</table></div>
    <div class="col-sm-3" style="background-color:lavender;"><table>...</table></div>
    <div class="col-sm-3" style="background-color:lavenderblush;"><table>...</table></div>
</div>

...
...
...
...

只添加4列,不能用CSS重新构造表格,CSS的目的是设计样式