html中怎么给图片设置位置

HTML中，可以通过CSS样式来控制图片的位置，其中包括水平方向的对齐方式、垂直方向的对齐方式、图片与其周围的间距以及图片的大小。

img {
    /* 使图片位于文本左侧 */
    float: left;
    margin-right: 10px; /* 设置图片与文本之间的间距 */
}

img.center {
    display: block; /* 让图片居中显示 */
    margin: 0 auto; /* 设置图片左右居中 */
}

.img-wrap {
    /* 设置图片位置为绝对定位 */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%); /* 让图片在容器中垂直居中 */
}

以上代码展示了三种常见的方式来设置图片的位置。

首先，通过设置浮动来让图片位于文本的左侧，margin-right属性可以调整图片与文本之间的间距。

其次，通过将图片设置为块级元素并设置margin属性来实现水平居中。

最后，通过绝对定位和居中方式将图片放置在容器中。