正文

在HTML中，我们可以使用CSS来设置列的宽度。以下是一个简单的例子：

优站号 V管理员 /2024-03-15 /0 评论 /37 阅读

0315

<!DOCTYPE html>
<html>
<head>
<style>
table {
  width: 100%;
}
table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}
th, td {
  padding: 15px;
  text-align: left;
}
</style>
</head>
<body>
<h2>HTML表格列宽设置</h2>
<table>
  <tr>
    <th style="width:20%;">标题1</th>
    <th style="width:30%;">标题2</th> 
    <th style="width:50%;">标题3</th>
  </tr>
  <tr>
    <td>内容1</td>
    <td>内容2</td> 
    <td>内容3</td>
  </tr>
  <tr>
    <td>内容4</td>
    <td>内容5</td> 
    <td>内容6</td>
  </tr>
</table>
</body>
</html>

在这个例子中，我们创建了一个包含三列的表格，我们使用CSS的width属性来设置每一列的宽度，第一列的宽度是总宽度的20%，第二列的宽度是总宽度的30%，第三列的宽度是总宽度的50%，这样，我们就可以根据需要调整每一列的宽度。