css样式一行放两个 |图片等比例缩放 css

/* 代码示例 */
.box {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.item {
width: 49%;
}

上述代码中包含两个部分：.box 和 .item。.box 是一个容器，使用 flex 布局来实现一行排两个的效果。其中，flex-wrap 属性设置为 wrap，则当内部元素超出容器宽度时将自动折行。justify-content 属性设置为 space-between，则会平均分配空间并将内部元素对齐到容器两侧。.item 是放置在 .box 中的每个元素，使用宽度为 49% 来实现一行放两个的效果。

这种样式的应用非常广泛，比如图片、文本内容、链接等等。通过将元素宽度设置为 49% 或 50%，然后将它们放在一行，就可以在不使用嵌套的情况下实现一行排两个的效果，提高页面排版效果的同时也增加了页面的美观程度。