我想创建一个包含表格的表单。我使用了 div,在 div 里面,有一张 table 。 我希望表格宽度与 div 宽度相同。 div 宽度为 100%。但结果是,表格宽度不适合 div 宽度。下面是代码:
<body >
<div width = '100%' align='center'>
<table>
<tr>
<td>Username</td>
<td><input type="text"></td>
</tr>
<tr>
<td>Email</td>
<td><input type="text"></td>
</tr>
</table>
<div>
有人能帮忙吗?
最佳答案
只需将表格的宽度添加为 100%。
<style>
div {
background-color: lightblue;
}
table {
background-color: red;
}
</style>
<body >
<div width = '100%' align='center'>
<table width = '100%'>
<tr>
<td>Username</td>
<td><input type="text"></td>
</tr>
<tr>
<td>Email</td>
<td><input type="text"></td>
</tr>
</table>
<div>
关于HTML/CSS : Table width same as div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58704132/