如何使<figcaption>的宽度与<figure>标签内的<img>的宽度相匹配？

要使<figcaption>的宽度与<figure>标签内的<img>的宽度相匹配，可以使用CSS来实现。下面是一种常见的方法：

1. 首先，将<figure>标签设置为相对定位（position: relative;），以便在其内部进行定位。
2. 然后，将<img>标签设置为绝对定位（position: absolute;），并将其宽度设置为100%（width: 100%;）。这将使<img>标签的宽度自动适应<figure>标签的宽度。
3. 接下来，将<figcaption>标签设置为绝对定位（position: absolute;），并将其宽度设置为与<figure>标签相同的值（width: 100%;）。这样，<figcaption>标签的宽度就会与<img>标签的宽度相匹配。
4. 最后，可以根据需要对<figcaption>标签进行进一步的样式设置，例如居中对齐（text-align: center;）或添加背景色等。

以下是示例代码：

<figure style="position: relative;">
  <img src="image.jpg" style="position: absolute; width: 100%;">
  <figcaption style="position: absolute; width: 100%;">Image Caption</figcaption>
</figure>

请注意，这只是一种实现方式，具体的实现方法可能因具体的页面结构和样式需求而有所不同。