怎么给table 设置大小
时间: 2023-06-04 22:06:24 浏览: 223
您可以使用HTML中的style属性来设置表格的大小。例如,如果您想将表格宽度设置为600像素,可以像下面这样编写代码:
<table style="width:600px">
<tr>
<th>表头1</th>
<th>表头2</th>
</tr>
<tr>
<td>单元格1</td>
<td>单元格2</td>
</tr>
</table>
如果您想将表格高度设置为400像素,可以将height属性添加到style属性中,例如:
<table style="width:600px; height:400px">...</table>
相关问题
jsp table 设置table大小
你可以使用 CSS 来设置表格的大小。以下是一个示例:
```html
<style>
table {
width: 100%;
border-collapse: collapse;
}
td, th {
border: 1px solid black;
padding: 8px;
}
</style>
<table>
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>Row 1, Column 1</td>
<td>Row 1, Column 2</td>
</tr>
<tr>
<td>Row 2, Column 1</td>
<td>Row 2, Column 2</td>
</tr>
</table>
```
在上面的示例中,`width: 100%;` 将表格的宽度设置为其父元素的宽度。`border-collapse: collapse;` 可以使单元格边框合并为一个单一的边框。`td, th` 是单元格的 CSS 选择器,`border: 1px solid black;` 可以设置单元格边框的样式,`padding: 8px;` 可以设置单元格内边距的大小。
你还可以使用 `width` 或 `height` 属性来设置表格的宽度或高度。例如:
```html
<table style="width: 500px; height: 300px;">
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>Row 1, Column 1</td>
<td>Row 1, Column 2</td>
</tr>
<tr>
<td>Row 2, Column 1</td>
<td>Row 2, Column 2</td>
</tr>
</table>
```
在上面的示例中,表格的宽度设置为 500 像素,高度设置为 300 像素。
html table设置字体大小
你可以使用 CSS 中的 font-size 属性来设置 HTML 表格中的字体大小。你可以在表格中的每个元素或在整个表格中设置字体大小。
例如,在表格中设置每个单元格的字体大小为 16px:
```html
<table>
<tr>
<td style="font-size: 16px;">单元格内容</td>
<td style="font-size: 16px;">单元格内容</td>
</tr>
<tr>
<td style="font-size: 16px;">单元格内容</td>
<td style="font-size: 16px;">单元格内容</td>
</tr>
</table>
```
你也可以在表格的样式中设置整个表格的字体大小。例如:
```html
<style>
table {
font-size: 16px;
}
</style>
<table>
<tr>
<td>单元格内容</td>
<td>单元格内容</td>
</tr>
<tr>
<td>单元格内容</td>
<td>单元格内容</td>
</tr>
</table>
```