javaweb表格表单居中
时间: 2023-06-29 14:08:08 浏览: 215
javaweb表格宽度
要使表格和表单居中,可以使用CSS样式。以下是一个简单的示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>居中表格和表单</title>
<style>
table, form {
margin: 0 auto; /* 水平居中 */
}
</style>
</head>
<body>
<table border="1">
<tr>
<th>标题1</th>
<th>标题2</th>
<th>标题3</th>
</tr>
<tr>
<td>内容1</td>
<td>内容2</td>
<td>内容3</td>
</tr>
</table>
<br>
<form>
<label for="name">姓名:</label>
<input type="text" id="name" name="name"><br><br>
<label for="email">邮箱:</label>
<input type="email" id="email" name="email"><br><br>
<input type="submit" value="提交">
</form>
</body>
</html>
```
在上面的示例中,我们使用了 `margin: 0 auto;` 样式来将表格和表单水平居中。这是因为 `margin` 属性有四个值:上、右、下、左,而使用 `auto` 值可以让浏览器自动计算并居中。
阅读全文