Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/wordpress/12.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何使用html修复图像上悬垂的空白区域?_Css_Wordpress_Html_Web - Fatal编程技术网

Css 如何使用html修复图像上悬垂的空白区域?

Css 如何使用html修复图像上悬垂的空白区域?,css,wordpress,html,web,Css,Wordpress,Html,Web,基本上,使用以下代码: HTML: CSS:#himage{宽度:370px;浮动:左;边框:4px实心#0F651C;} 我得到了以下结果,这不是我想要的。它一直在下面添加白色部分,这样寄宿生就不会在图像周围走动:/ 输出: 有什么想法吗?只需添加img{display:block;}或更具体的图像 以下是指向解决方案示例的链接: 这种奇怪行为的原因是考虑了元素 从令人印象深刻的Web帖子: 基本上,它们既不是块也不是内联的。但您可以将它们分类为更接近内联的内容,但具有类似块的结构 看起来好像

基本上,使用以下代码:

HTML:

CSS:
#himage{宽度:370px;浮动:左;边框:4px实心#0F651C;}

我得到了以下结果,这不是我想要的。它一直在下面添加白色部分,这样寄宿生就不会在图像周围走动:/

输出:


有什么想法吗?

只需添加
img{display:block;}
或更具体的图像

以下是指向解决方案示例的链接:

这种奇怪行为的原因是考虑了
元素

从令人印象深刻的Web帖子:

基本上,它们既不是块也不是内联的。但您可以将它们分类为更接近内联的内容,但具有类似块的结构


看起来好像这对我没什么用:/你确定吗?我添加了一个指向工作示例的链接。请查看。您可能有其他CSS规则覆盖了
img
选择器。如果你能发布你的代码,我可以提供更多的帮助。我已经在我的答案中添加了一个解释。你已经提供了一个最终结果的图像。请提供您正在使用的图像本身的url。这样我就可以看到什么是错误的CSSCan你显示原始图像?看起来你的图像中有白色。