一个div内部分成8分,两列四行,使用html不用使用css
时间: 2024-01-31 13:04:39 浏览: 78
可以使用 HTML 的表格标签 `<table>` 来实现将一个 div 分成 8 份、2 列 4 行的效果。具体实现方法如下:
```html
<table style="width: 100%; height: 400px; table-layout: fixed; border-collapse: collapse;">
<tr style="height: 25%; margin: 0;">
<td style="width: 25%; border: 1px solid black;"></td>
<td style="width: 25%; border: 1px solid black;"></td>
<td style="width: 25%; border: 1px solid black;"></td>
<td style="width: 25%; border: 1px solid black;"></td>
</tr>
<tr style="height: 25%; margin: 0;">
<td style="width: 25%; border: 1px solid black;"></td>
<td style="width: 25%; border: 1px solid black;"></td>
<td style="width: 25%; border: 1px solid black;"></td>
<td style="width: 25%; border: 1px solid black;"></td>
</tr>
<tr style="height: 25%; margin: 0;">
<td style="width: 25%; border: 1px solid black;"></td>
<td style="width: 25%; border: 1px solid black;"></td>
<td style="width: 25%; border: 1px solid black;"></td>
<td style="width: 25%; border: 1px solid black;"></td>
</tr>
<tr style="height: 25%; margin: 0;">
<td style="width: 25%; border: 1px solid black;"></td>
<td style="width: 25%; border: 1px solid black;"></td>
<td style="width: 25%; border: 1px solid black;"></td>
<td style="width: 25%; border: 1px solid black;"></td>
</tr>
</table>
```
这段 HTML 代码中,我们使用了 `<table>`、`<tr>` 和 `<td>` 标签来创建了一个 2 列 4 行的表格,每个单元格都设置了边框。为了让表格填满整个 div,我们设置了表格的宽度为 100%、高度为 400px,并使用 `table-layout: fixed;` 属性让表格的列宽度固定。最后我们将每一行的高度设置为 25%,并且将行的 `margin` 属性设为 0,以消除行与行之间的间距。
这段 HTML 代码可以直接放在一个 div 中,通过修改 div 的宽度和高度来控制表格的大小。
阅读全文