在HTML中，如何實現(xiàn)表格的自動調(diào)整列寬以適應(yīng)內(nèi)容？ html設(shè)置表格列寬
Trendyol時尚前沿跨境問答2025-06-225310
在HTML中，可以使用CSS來調(diào)整表格的列寬以適應(yīng)內(nèi)容。以下是一個示例代碼：
<!DOCTYPE html>
<html>
<head>
<style>
table {
width: 100%;
border-collapse: collapse;
}
th, td {
border: 1px solid black;
padding: 8px;
text-align: left;
}
</style>
</head>
<body>
<table>
<tr>
<th>姓名</th>
<th>年齡</th>
<th>性別</th>
</tr>
<tr>
<td>張三</td>
<td>25</td>
<td>男</td>
</tr>
<tr>
<td>李四</td>
<td>30</td>
<td>女</td>
</tr>
</table>
</body>
</html>在這個示例中，我們使用了CSS的width屬性來設(shè)置表格的寬度為100%，并使用border-collapse屬性來合并邊框。然后，我們設(shè)置了表頭和單元格的樣式，包括邊框、內(nèi)邊距和文本對齊方式。這樣，當(dāng)內(nèi)容增加時，表格會自動調(diào)整列寬以適應(yīng)內(nèi)容。
本文內(nèi)容根據(jù)網(wǎng)絡(luò)資料整理，出于傳遞更多信息之目的，不代表金鑰匙跨境贊同其觀點和立場。
轉(zhuǎn)載請注明，如有侵權(quán)，聯(lián)系刪除。
Trendyol時尚前沿
