gpt4 book ai didi

html - 将 html 图形宽度设置为其包含的图像宽度相同

转载 作者:技术小花猫 更新时间:2023-10-29 12:03:03 26 4
gpt4 key购买 nike

当图形标签内有图像时,图形宽度为 100%。如何使图形始终与图像具有相同的宽度?这是我当前的代码:

HTML:

<figure>
<img src="http://www.google.com/images/srpr/logo3w.png" alt="" />
</figure>

CSS:

* {
margin: 0;
padding: 0;
}

figure {
border: 1px solid red;
}

img {
border: 1px solid blue;
vertical-align: top;
}

最佳答案

像这样将display:table添加到figure css

figure 
{
display:table;
border: 1px solid red;
}

JS Fiddle Demo

关于html - 将 html 图形宽度设置为其包含的图像宽度相同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15557769/

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