我刚开始将数字和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 %}
答案 0 :(得分:3)
似乎浏览器通常会增加一个余量。尝试设置margin:0,如下所示:
figure {margin:0}