html代码 图片居中怎么写

网页设计中经常会用到图片，但是有时候图片大小不一，如果不设置样式，图片就会摆放在网页的左上角。

为了使图片居中显示，可以使用css样式中的text-align属性来实现，具体代码如下：

img {
      display: block;
      margin: 0 auto;
      text-align: center;
}
    

其中，display: block; 的作用是将图片转换为块级元素，这样才能设置宽度和高度；margin: 0 auto; 的作用是将图片水平居中；text-align: center; 的作用是将图片垂直居中。

可以将这段css样式直接放在网页的head标签内，也可以将其写在单独的css文件中，然后在网页中引入并使用。

这样，无论图片大小如何，都能够在网页中居中显示，提高了网页的美观性和用户体验。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！