css - 更改图形标签中的边距

Question

我刚开始在项目中使用 figure 和 figcaption 标签，但遇到了一个我似乎无法解决的问题。

使用图形标签，以下图像和标题会自动缩进。我有一排带有 h 标签的垂直附加媒体，看起来不错且呈线性，并希望保持这种状态。图形标签的自动缩进会以一种令人不快的方式摆脱它。我正在使用 Django，所以图片是用户提交的（将图片大小与标题匹配是另一个问题）。

有没有办法（可能使用 CSS）来删除自动缩进？非常感谢任何见解或经验。

                {% if story.pic %}
            <h2>Image</h2>
              <figure>
            <img class="image"src="{{ story.pic.url }}" alt="some_image_alt_text"/>
            {% if story.caption %}
                <figcaption>{{story.caption}}</figcaption>
            {% endif %}
            {% endif %}

Answer 1

似乎浏览器通常会增加一个边距。尝试设置边距：0，如下所示：

figure {margin:0}