一、使用CSS样式实现图片居中
argin属性来使其居中显示。
代码如下所示：
g {
width: 50%; /*设置图片宽度为50%*/
height: auto; /*根据宽度自适应高度*/argin: 0 auto; /*设置左右外边距为auto，上下外边距为0*/
display: block; /*将图片转换为块级元素*/
}
二、使用HTML标签实现图片居中
ter>`标签将图片包裹起来，代码如下所示：
lter>gage.jpg” alt=”图片” width=”50%” height=”auto”>ter>
三、使用Flex布局实现图片居中
tents属性来实现图片居中。
代码如下所示：
tainer {
display: flex; /*设置父元素为flex布局*/tentter; /*水平居中*/ster; /*垂直居中*/
height: 100vh; /*设置父元素高度为100vh*/
}g {
width: 50%; /*设置图片宽度为50%*/
height: auto; /*根据宽度自适应高度*/
}
tainer”>gage.jpg” alt=”图片”>