Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/reporting-services/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Image 如何将图像居中_Image_Containers_Margin_Center - Fatal编程技术网

Image 如何将图像居中

Image 如何将图像居中,image,containers,margin,center,Image,Containers,Margin,Center,我已经把我的页面主体放在一个容器中。然后,我把我的图片放在一个div中,并将它们命名为类“grid_12”和id“gallery”。这是我为该id编写的CSS #画廊图片{ border: 8px solid; color: #0000FF; margin: 0 0 20px 0; } 我需要什么代码来将图像居中?我已经尝试过浮动中心/文本对齐中心,但未成功 使用以下命令: img.center { display: block; margin-left: auto; margin-right

我已经把我的页面主体放在一个容器中。然后,我把我的图片放在一个div中,并将它们命名为类“grid_12”和id“gallery”。这是我为该id编写的CSS

#画廊图片{

border: 8px solid;
color: #0000FF;
margin: 0 0 20px 0;
}

我需要什么代码来将图像居中?我已经尝试过浮动中心/文本对齐中心,但未成功

使用以下命令:

img.center {
display: block;
margin-left: auto;
margin-right: auto;
}


开始,首先您需要给出div的大小(宽度和高度),然后尝试css代码…

您可以尝试
边距:0自动
并将填充设置为20px,而不是边距。