HTML Table - 限制<td>数据溢出
我有一个简单的 HTML 表：
table,
th,
td {
border: 1px solid black;
}
<h1>The table width attribute</h1>
<table width="400">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</table>
当我输入大量数据时（例如：我输入 1000000000000000$，而不是 100$），它会不断传播。我试图将它的宽度限制为10px和overflow-y auto，但没有成功...
知道如何限制内部字符数量和自动输入吗？
提前致谢。
慕婉清6462132浏览 66回答 2
2回答
-
HUH函数
你可以使用这样的东西。您给表格的宽度是400这样的，如果您能做到这一点，那么您应该限制它。有一个名为overflow-wrapthis 的 CSS 属性将帮助您在该块中添加额外的内容。td { max-width:20px; overflow-wrap: break-word;}<!DOCTYPE html><html><head><style>table, th, td { border: 1px solid black;}</style></head><body><h1>The table width attribute</h1><table width="400"> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> <tr> <td>February</td> <td>$8000000000000000000000000000000000000000000000000000000000000</td> </tr></table></body></html>或者另一种选择是为该类提供一个选择器类td并仅向该类提供 css 属性，这也应该适合您。 -
开心每一天1111
您可以使用text-overflow: ellipsis;
随时随地看视频慕课网APP
相关分类
Html5