我正在尝试制作相同列大小的表格...但是如果内容超过列大小会自动增加...为什么会这样？
这是我的 html 代码:
<!DOCTYPE html>
<html>
<head>
<style>
table {
background-color: #eaeaea;
width : 80%;
border: 1px solid ;
}
td {
width : 20%;
border: 1px solid ;
}
</style>
</head>
<body>
<table>
<tr>
<td>Alfreds hrtfjfgjkfgAlfreds hrtfjfgjkfgAlfreds hrtfjfgjkfgAlfreds hrtfjfgjkfgAlfreds </td>
<td>Maria Anders</td>
<td>Germany</td>
<td>GermanyGermanyGermanyGermanyGermanyGermany</td>
</tr>
<tr>
<td>Alfreds Futterkiste</td>
<td>Maria Anders</td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
这是我的 o/p:
最佳答案
添加 table-layout:fixed 到表格和 word-wrap 到单元格。
像那样:
table {
background-color: #eaeaea;
width : 80%;
border: 1px solid ;
table-layout: fixed;
}
td {
width : 20%;
border: 1px solid ;
word-wrap: break-word;
}
关于html - 如何在html表格中设置相同的列？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50879357/