css图跟图直接间隙

前端开发当中，经常遇到需要将图片与文本结合起来的情况。有时候可能会出现图片与文本之间存在空隙的问题，这个时候就需要使用CSS来解决了。

一般情况下，我们可以将图片设置为inline-block的元素，以使它没有行间距，也不独占一行。我们还可以通过line-height来控制它与周围元素的间隔。下面是一段示例代码：

    <div>
    	<img src="example.png" style="display:inline-block;vertical-align:middle;margin-right:10px;">
    	<p style="display:inline-block;line-height:24px;">这是一段文本</p>
    </div>
    

在上面的代码中，我们使用了inline-block来让图片与文本都在同一行内，并将图片的垂直对齐方式设置为middle。为了控制图片与文本之间的间隔，我们使用了line-height属性，并将其值设为文本的高度。

另外，我们还可以使用float属性来将图片“浮动”到文本的一侧。这样不仅能够消除图片与文本间的空隙，还能够让页面看起来更加美观。下面是一段示例代码：

    <div>
    	<img src="example.png" style="float:left;margin-right:10px;">
    	<p style="line-height:24px;">这是一段文本</p>
    	<div style="clear:both;"></div>
    </div>
    

在上面的代码中，我们使用了float:left来让图片向左“浮动”，并为它设置了一个右侧的margin。我们还在图片下方添加了一个看不见的块元素，并使用clear:both来清除浮动状态。这样就可以确保后面的元素不会受到影响，同时也消除了图片与文本之间的空隙。

以上就是关于CSS图跟图直接间隙的解决方法，希望对你有所帮助。