在css中,要让内容居中显示图片,我们可以采用以下的几种方法。1.使用text-align属性如果你的图片是单独一行的话,可以使用text-align属性将其居中。具体代码如下:p { text-al
p { text-align: center; } img { display: block; // 让图片变成块级元素 margin: 0 auto; // 水平居中 }
.container { display: flex; justify-content: center; // 水平居中 align-items: center; // 垂直居中 } img { flex: 0 0 auto; // 不可缩放 }
img { position: absolute; top: 50%; // 上边距为50% left: 50%; // 左边距为50% transform: translate(-50%, -50%); // 移动到中心位置 }
粉丝
0
关注
0
收藏
0