更改图形标签中的边距

Question

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

使用figure标签，下面的图像和标题会自动缩进。我有一排带有 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

看起来浏览器经常会在数字上添加边距。尝试设置 margin:0，如下所示：

figure {margin:0}