Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.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
Html 图像对齐(2跨4下)_Html_Css - Fatal编程技术网

Html 图像对齐(2跨4下)

Html 图像对齐(2跨4下),html,css,Html,Css,在一个div中对齐图像的正确方法是什么?我希望它是两个横的,四个向下的,中间有大约10px的间隔(垂直和水平) 谢谢大家! 下面是一个JSFIDLE: 第n个子选择器在较旧的浏览器中并不总是有效。对于向后支持,您应该对右列中的图像应用一个类,然后将其添加到选择器中。例如: div img:nth-child(2n), div img.yourClass { margin-right: 0; } 让我们看看你是怎么想的这个问题很模糊。什么样的对齐方式(左、右、中)?图像/容器是否有任何尺

在一个div中对齐图像的正确方法是什么?我希望它是两个横的,四个向下的,中间有大约10px的间隔(垂直和水平)

谢谢大家!

下面是一个JSFIDLE:

第n个子选择器在较旧的浏览器中并不总是有效。对于向后支持,您应该对右列中的图像应用一个类,然后将其添加到选择器中。例如:

div img:nth-child(2n), div img.yourClass {
    margin-right: 0;
}

让我们看看你是怎么想的这个问题很模糊。什么样的对齐方式(左、右、中)?图像/容器是否有任何尺寸限制?请查看前面的一些答案,例如:
div img:nth-child(2n), div img.yourClass {
    margin-right: 0;
}