在网页设计中，常常需要将图片放置在文字之中，使页面更加美观。但是有时候图片与文字之间会留出一些间隙，这样会影响页面的整体效果。那么该如何设置图片左右无空隙呢？ 首先，我们可以使用HTML中的p标签来设置图片与文字的对齐方式。p标签是段落标签，它可以将一段文本分段显示，并设置文字的对齐方式。通过设置p标签的text-align属性，我们可以使文本左对齐、居中或右对齐。 接下来，我们可以使用HTML中的img标签来插入图片。img标签可以指定图片的源文件、宽度、高度、对齐方式等属性。通过设置img标签的align属性，我们可以使图片左对齐、居中或右对齐。 不过，在实际应用中，我们发现通过设置p和img标签还不能完全将图片和文字对齐，因为它们之间有一个默认的间隙。这时，我们可以使用CSS中的margin和padding属性来解决这个问题。 其中，margin属性表示元素与其他元素之间的距离，padding属性表示元素边框与元素内容之间的距离。我们可以设置p标签的margin和padding属性为0，使其与其他元素之间没有距离。同理，我们也可以设置img标签的margin和padding属性为0，使其与p标签之间没有距离。 接下来，我们来看一下具体的代码实现。

<style>
p {
    text-align: justify;
    margin: 0;
    padding: 0;
}
img {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
}
</style>

<p>这是一段文字，这是一张图片：<img src="picture.jpg" width="100" height="100" align="middle"> 图片和文字左右无空隙了。</p>

以上代码实现了将图片和文字左右对齐，并去除了它们之间的间隙。我们可以根据实际情况对代码进行调整，使页面更加美观。