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

概述在图形标签内部有图像时,图形宽度为100％.如何使图形始终与图像具有相同的宽度？这是我目前的代码： HTML： <figure> <img src="http://www.google.com/images/srpr/logo3w.png" alt="" /></figure> CSS： * { margin: 0; padding: 0;}figure { 在图形标签内部有图像时,图形宽度为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来表示这样的CSS

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

JS Fiddle Demo

总结

以上是内存溢出为你收集整理的将html图形宽度设置为与其包含的图像宽度相同全部内容，希望文章能够帮你解决将html图形宽度设置为与其包含的图像宽度相同所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。