改变图标签中的边距

时间:2012-07-10 18:07:26

标签: html css html5

我刚开始将数字和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 %}

1 个答案:

答案 0 :(得分:3)

似乎浏览器通常会增加一个余量。尝试设置margin:0,如下所示:

figure {margin:0}