HTML代码

<head>

<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link href="css/style.css" rel="stylesheet" type="text/css" media="screen"/>


<title>abc</title>

</head>
<body>
<div class="wrapper">

    <div class="box"><img src="images/roundlogo.jpg" alt=""></div>
</div>

</body>
</html>

css代码

img{
border:0px;
border-image-width:0px;
border-image-slice:0px;

}
.box
{
width:250px;
//border:1px solid;
height:auto;
border-image-slice:0px;
border-image-width:0px;
border-image-outset:0px;
}

.box img
{
width:100%;
//border:1px solid green;
margin-top:0px;
}

我写上面显示的代码,但在检查浏览器时,图像和父div()之间有4px空间称为框

这是我在jsfiddle的工作http://jsfiddle.net/2RqmU/547/你可以检查iframe,结果显示这显示空间清楚http://jsfiddle.net/2RqmU/548/

===============>>#1 票数:3 已采纳

img是一个内联元素。 要删除额外的空间要么使其成为块元素,要么使其为基线以外的垂直对齐。

===============>>#2 票数:0

只是block该图像。

img{ display:block; }

div认为imageinline element 所以它不考虑图像的高度来设置它的高度(例如:默认情况下,文本是内联元素。文本的父元素,从不具有与文本高度相同的高度)。

这些东西对我也有用。

display: inherit (or) grid (or) table-caption (or) list-item;

(or)

vertical-align: bottom;

  ask by Susantha7 translate from so

未解决问题?本站智能推荐:

5回复

在图像和div之间没有空间

我只是想通过使用CSS创建一个新闻框而没有那么多的IMG或TABLE垃圾。 它工作得很好但是我的图像和图片下面的彩色条之间总会出现一个空格,它应该直接在图片下方,而不是之间有一些空间。 这是我的代码: 我试图将图像的边距和填充设置为零或尝试位置:或顶部:但不知怎的,我无法摆脱空间。
3回复

图像和div之间的不必要间距

我有一些CSS问题。 我正在尝试删除图像和标签之间的空间,它不起作用。 这就是我所拥有的: 这就是我想要的: 我在删除他图片下方的空间时遇到问题,在标签下方的标签和其他div处也遇到了同样的问题。 同时,我不知道如何从页脚定位行内页眉。 这是我用我的html和css拨
1回复

DIV位于父级DIV内部的图像之上

我正在开发一个动态生成的照片库,照片大小不同,每张照片都有一个DIV重叠图像,与图像在同一基线上,包含与该照片相关的“用户菜单”项目。 (下面的蓝框) 我无法将“用户菜单”div置于图像顶部。 无论图像大小如何(不确定如何使用绝对定位执行此操作),此div需要居中,并且与图像位于相同的
2回复

如何删除textarea和父div之间的空间

我有以下包含文本区域的表格,如下所示: 如您所见,蓝色阴影区域和父div底部之间有一个空格。 如何删除该空间? HTML: CSS:
1回复

div和浮动图像之间的空间

我正在制作一个投资组合网站,我想将两个div放置在彼此之间几乎没有水平空间的位置,并在它们之间的中心放置一个浮动的圆形图像。 div较轻。 我想知道如何对它们和图像进行样式设置,以使其在divs上散布一些空间。 我试过了 img { margin-left: auto; m
1回复

如何消除父div和内部列表之间的差距

我想删除左侧的间隙,该间隙使列表与div分离,并将列表粘贴到左侧边框, 我试图将li的位置设置为absolute位置,并left:0px但随后它只是重叠并丢失了它的对齐方式。 jsfiddle
3回复

为什么在react的父div和内部div之间存在空白? [重复]

这个问题已经在这里有了答案: 如何删除正文周围的边距空间或清除默认的CSS样式 7个答案 我在React中有这个非常简单的组件。 我有些陌生,我尝试了所有方法来删除空白,但无法找出导致空白出现的原因。 只有保证金负数似乎是可行的解决方案,但是我知道那不适合使用,
2回复

即使没有必要,滚动条也可见 -

我使用overflow:auto时出错。 错误: http : //cl.ly/image/0K1W3t151T0S 我使用的代码是http://codepen.io/sebazelonka/pen/pDGin 即使内容的高度与容器的高度相同,滚动条也是可见的。 我尝试了不同
1回复

IE9在左浮动图像之间添加不必要的空间

我在锚标签中有六个图像。 在CSS中,它们向左浮动。 在Chrome / Firefox中,所有图像都彼此对接。 但是在IE9中,所有图像之间都有一个空格,我可以看到它们之间DIV的背景色。 如何使这些图像彼此完全接触? 我的HTML: 我的CSS: 任何线索将
2回复

删除图像和div之间的额外空间

如何删除导航横幅和其下方主横幅图像之间的额外空间? 我删除了填充和边距,但没有任何工作。 我的代码如下。 我不想设立职位。 谁能告诉我这是什么问题?