css 每行4个图片

CSS是一种用来美化网页样式的语言，可以控制网页上各种元素的展现方式。其中，图片的展现方式也可以通过CSS来控制。本文将介绍如何使用CSS让每行显示4个图片。

/* CSS代码示例 */
img {
width: 25%; /* 将图片宽度设置为容器的四分之一 */
float: left; /* 将图片向左浮动 */
margin: 0 2% 2% 0; /* 设置图片之间以及图片和容器之间的间距 */
}
img:nth-child(4n) {
margin-right: 0; /* 将每行的最后一个图片的右边距设置为0 */
}

上述代码中，首先将所有的图片设置宽度为容器的四分之一。接着，让图片向左浮动，并设置图片之间以及图片和容器之间的间距。最后，使用:nth-child(4n)伪类选择器将每行的最后一个图片的右边距设置为0。

通过以上设置，可以让每行显示4个图片，且图片之间和图片与容器之间有合适的间距。需要注意的是，图片的大小和容器的大小需要根据实际情况进行设置，以便让四个图片能够汇聚在一行内。