已解決430363個問題，去搜搜看，總會有你想問的

HTML Table - 限制<td>數據溢出

首頁猿問 HTML Table -...

HTML Table - 限制<td>數據溢出

Html5

慕婉清6462132 2023-09-11 17:09:14

我有一個簡單的 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>

<tr>

<th>Month</th>

<th>Savings</th>

</tr>

<tr>

<td>January</td>

</tr>

<tr>

<td>February</td>

</tr>

</table>

</body>

</html>

或者

另一種選擇是為該類提供一個選擇器類td并僅向該類提供 css 屬性，這也應該適合您。

反對回復 2023-09-11

開心每一天1111

TA貢獻1836條經驗獲得超13個贊

您可以使用text-overflow: ellipsis;

反對回復 2023-09-11

2 回答
0 關注
103 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

HTML Table - 限制<td>數據溢出

HTML Table - 限制<td>數據溢出

2 回答

添加回答