CSS 手机上的表格

Question

我有很长的桌子。现在我所有的内容都来自 tinyMCE，我的用户不知道那些 td 和 td。所以我90%的桌子都没有。

示例：

<table class="table-small">
<tr>
<td><strong>Application Date</strong></td>
<td><strong>Reference</strong></td>
<td><strong>Name</strong></td>
<td><strong>Description</strong></td>
<td><strong>Ward</strong></td>
</tr>
<tr>
<td>06/11/2014</td>
<td>069611</td>
<td><a href="#">International Shop</a></td>
<td>Premises Licence Lost, Stolen, Damaged or Destroyed</td>
<td>Central</td>
</tr>
<tr>
<td>04/11/2014</td>
<td>070393</td>
<td><a href="#">Liquid</a></td>
<td>Temporary event notice</td>
<td>Central</td>
</tr>

<tr>
<td>03/11/2014</td>
<td>070382</td>
<td><a href="#">Peterborough Regional College</a></td>
<td>Temporary event notice</td>
<td>Park</td>
</tr>

<tr>
<td>03/11/2014</td>
<td>070384</td>
<td><a href="#">Pool Hall</a></td>
<td>Temporary event notice</td>
<td>Central</td>
</tr>
</table>
</div>

您可以提出任何建议，因为我查看的所有示例都使用 <td>。

Answer 1

我不确定我是否理解你的问题。

您想为移动用户提供响应式 table 吗？如果是这种情况，请在 table 上使用 width:100% 并在 td's

上使用 word-wrap: break-word

CSS 手机上的表格

CSS Tables on Mobile

html

css

html-table