css如何设定图片和文字的距离

在CSS中，我们可以通过一些属性来设定图片和文字间的距离，让内容的排版更加流畅、美观。以下是一些常用的属性。

/* 设定图片与文字的距离 */
img {
  margin: 10px; /* 设定图片四周的外边距为10像素 */
}

/* 设定文字与图片的距离 */
p {
  padding-right: 20px; /* 设定段落右侧的内边距为20像素，使文字离图片更远一些 */
}

/* 设定图片与文本之间的距离 */
p img {
  vertical-align: middle; /* 将图片与文本居中对齐 */
  margin-right: 10px; /* 设定图片右侧的外边距为10像素，使图片离文本更远一些 */
}

需要注意的是，不同的属性所设定的距离方式也有所不同。比如，margin是设定元素之间的外边距，而padding则是设定元素内部向外的内边距。另外，可能会存在多个元素之间需要设定距离的情况，这时需要使用选择器来针对性地设定。