<table> <tr> <th class="left-column">楼层号</th> <td></td> </tr> <tr> <th class="left-column">房间号</th> <td></td> </tr> <tr> <th class="left-column">楼层</th> <td></td> </tr> <tr> <th class="left-column">可住人数</th> <td></td> </tr> <tr> <th class="left-column">已住人数</th> <td></td> </tr> </table>将表格放置在一个box中并设置合适的长款
时间: 2023-06-16 07:02:03 浏览: 163
以下是一个示例代码,将表格放在一个 `div` 容器中,并设置了一些基本样式:
```html
<div class="table-container">
<table>
<tr>
<th class="left-column">楼层号</th>
<td></td>
</tr>
<tr>
<th class="left-column">房间号</th>
<td></td>
</tr>
<tr>
<th class="left-column">楼层</th>
<td></td>
</tr>
<tr>
<th class="left-column">可住人数</th>
<td></td>
</tr>
<tr>
<th class="left-column">已住人数</th>
<td></td>
</tr>
</table>
</div>
```
CSS 样式:
```css
.table-container {
border: 1px solid #ccc;
border-radius: 5px;
padding: 10px;
max-width: 500px;
margin: 0 auto;
}
table {
width: 100%;
border-collapse: collapse;
}
th, td {
padding: 8px;
border: 1px solid #ccc;
}
.left-column {
text-align: left;
}
```
你可以根据自己的需求调整容器的样式和表格的样式。
阅读全文