作为一个前端程序员,如何设置图片标签img居中显示
时间: 2024-02-02 17:03:25 浏览: 128
要让图片标签img居中显示,可以使用CSS样式来实现。具体方法如下:
1. 首先,给img标签添加一个样式类名,例如“center-img”。
2. 在CSS文件中定义.center-img的样式,设置其display为block,使其变成块级元素;
3. 设置margin-left和margin-right为auto,这样就可以将图像水平居中。
示例代码如下:
HTML代码:
```
<img src="example.jpg" class="center-img" alt="example" />
```
CSS代码:
```
.center-img {
display: block;
margin-left: auto;
margin-right: auto;
}
```
这样就可以让图片居中显示了。
阅读全文