gpt4 book ai didi

html - 在图像旁边放置 figcaption

转载 作者:太空宇宙 更新时间:2023-11-04 03:43:35 24 4
gpt4 key购买 nike

我想添加一个figcaption,这是一段解释我的图像的段落,我想把它放在图像本身的旁边(如果段落太长,我希望文本可以完成旁边的空间后在图像下方)。我搜索了命令和 CSS,但没有找到任何东西。

最佳答案

将图像向左浮动,并设置 overflow: auto 以确保图形将包含 float :

figure {
max-width: 300px;
overflow: auto;
}

figure img {
float: left;
margin: 0 1em 1em 0;
}
<figure >
<img src="http://placekitten.com/75/75" />

<figcaption>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit
esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</figcaption>
</figure>

关于html - 在图像旁边放置 figcaption,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24491617/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com