我有一个简单的 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，但没有成功...知道如何限制内部字符数量和自动输入吗？提前致谢。
2 回答
HUH函数
TA贡献1836条经验 获得超4个赞
你可以使用这样的东西。
您给表格的宽度是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 属性，这也应该适合您。
- 2 回答
- 0 关注
- 65 浏览
添加回答
举报
0/150
提交
取消