当前位置：首页 > 行业动态 > 正文

图片如何在表格中居中html代码

admin
行业动态
2024-03-30
1

要在表格中居中图片，可以使用HTML的<img>标签和<center>标签，具体操作如下：

1、使用<img>标签插入图片，设置src属性为图片的URL。

2、使用<center>标签包裹图片，使图片在表格中居中。

3、使用<table>、<tr>和<td>标签创建表格，并设置相应的样式。

以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
<style>
table {
  width: 50%;
  bordercollapse: collapse;
}
td {
  textalign: center;
  padding: 8px;
}
</style>
</head>
<body>
<h2>小标题</h2>
<table>
  <tr>
    <td>
      <center>
        <img src="图片URL" alt="图片描述" width="100" height="100">
      </center>
    </td>
  </tr>
</table>
</body>
</html>

请将图片URL替换为实际的图片链接，将图片描述替换为对图片的描述。