在一组列之后强制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的目的是设计样式