如何将表列适合内容

Question

我创建了一个表，希望它适合屏幕大小，并且还要在单元格之间进行边框以适应内容。在css我设置表：

table-layout: auto 
width: 100%

这导致列适合内容，但如果列的内容长于表，则屏幕中的内容太宽而某些列会丢失... 我希望桌子适合屏幕的大小？ 我怎么能这样做？

提前致谢

Answer 1

你可以尝试这个Css，

table{
width:100%;
}
td,th{
width:1%;
}

Answer 2

尝试给表格最大宽度为100％。

table {
    max-width:100%;
}

Answer 3

试试这个

这是hacky方式，但要记住，所有必须等于100％

<table style="width:100%">
<tr style="width:25%">
<td></td>
</tr>
<tr style="width:25%">
<td></td>
</tr>
<tr style="width:25%">
<td></td>
</tr>
<tr style="width:25%">
<td></td>
</tr>
</table>