gpt4 book ai didi

html - 制作一个 div "hug"它包含的组件

转载 作者:搜寻专家 更新时间:2023-10-31 22:18:46 29 4
gpt4 key购买 nike

<分区>

如果我有如下所示的 HTML:

<div class="figure">
<img src="some_image.png" />
<div><span class="caption">Fig. 1: Some caption</span></div>
</div>

有没有一种方法可以使用 CSS,使 figure 类的 div 的宽度仅大到足以包含图像和标题?我想在两者周围放置一个矩形边框,但我不想猜测 div 的宽度(以像素为单位)。

下面的示例(div.figure 的宽度似乎会扩展以填充其可用宽度)

div.figure { 
border: 1px solid black;
}
<div class="figure">
<img src="http://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-logo-med.png?v=6f86a5fa447f" />
<div><span class="caption">Fig. 1: Some caption</span></div>
</div>

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