html中怎么让生成的区域在插入的图片居中

可以使用CSS的text-align属性来水平居中，vertical-align属性来垂直居中。具体代码如下：

<div style="text-align:center;">
    <img src="image.jpg" style="vertical-align:middle;">
</div>

这样，生成的区域就会在插入的图片居中。注意，这个方法只适用于块级元素，如果要在行内元素中居中图片，需要将行内元素的display属性设置为block或inline-block。