Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/loops/2.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
Can';t使用css将一些图像彼此居中_Css - Fatal编程技术网

Can';t使用css将一些图像彼此居中

Can';t使用css将一些图像彼此居中,css,Css,我有以下代码: img{ 显示:块; 保证金:0自动; } 使图像居中 要使图像居中,请使用边距:自动;并使其成为块元素: 您可以通过将图像包装在另一个div中并赋予此包装text align:center(如果您希望将图像作为内联块元素)来居中: img{display:inline block;} .wrapper{text align:center;} 您应该在图像标签周围使用一个DIV容器,并给它一个 宽度和 margin:0自动而不是图像。穿上 显示:内联块 从 .wrapper

我有以下代码:

img{
显示:块;
保证金:0自动;
}
使图像居中
要使图像居中,请使用边距:自动;并使其成为块元素:


您可以通过将图像包装在另一个div中并赋予此包装
text align:center
(如果您希望将图像作为
内联块
元素)来居中:

img{display:inline block;}
.wrapper{text align:center;}

您应该在图像标签周围使用一个DIV容器,并给它一个
宽度
margin:0自动
而不是图像。穿上
显示:内联块

.wrapper{
边框:1px纯灰;
宽度:80%;
保证金:0自动;
文本对齐:居中;
}
img{
显示:内联块;
}


图像应如何显示?因此,我很容易提供帮助。+1,仅在此提及,这将在元素之间产生一个空间,您可以阅读有关其工作原理的信息!谢谢我会记下你的留言。有趣——我不知道。我以为“文本对齐”只是用于文本。。。有什么解释吗?@weferv text align用于任何内联显示的元素,甚至是“内联块”;)@weferv,内联元素被视为文本——这也是mhyasin指出的在它们之间留出空格的原因(就像句子中的单词)