css如何控制字体在图片的左边

CSS 如何控制字体在图片的左边 当我们需要在页面中使用图片和文本时，有时候想让文本紧贴在图片旁边。这时候，我们就需要使用 CSS 控制文本的位置。 首先，在 HTML 中插入图片，并让图片浮动到左边：

<img src="example.jpg" alt="example image" style="float: left;">

接着，我们可以使用 CSS 控制文本的位置。为了让文本在图片旁边紧贴着，我们可以使用 margin 属性，设置左侧的外边距为图片的宽度即可：

p {
   margin-left: 100px;  /* 这里的值应该为图片宽度 */
}

如果图片的宽度不确定，我们可以使用 CSS 的 calc() 函数，动态计算出左侧外边距的值：

p {
   margin-left: calc(100% + 10px);
}

在这个例子中，左侧外边距的值为文档宽度加上 10 像素，也就是文本紧贴在图片旁边的效果。 总的来说，使用 CSS 控制字体在图片的左边是非常简单的，只需要使用 float 和 margin 属性即可。同时，使用 calc() 函数可以帮助我们在不确定图片宽度的情况下，动态计算出合适的外边距。