Css 如何将两个图像相邻放置

Css 如何将两个图像相邻放置,css,image,css-position,Css,Image,Css Position,如何将两个图像相邻放置,然后以较小的宽度添加,并使溢出:隐藏 就像滑球一样。我总是得到堆叠的图像(块级),但我需要内联 *{ 保证金:0; 填充:0; 框大小:边框框; } .滑杆组{ 背景色:红色; 位置:相对位置; } img{ 宽度:600px; 高度:300px; 位置:相对位置; 显示:内联块; } 您可以使用flexbox Flexbox是一种将项目排列成行或列的好方法。flexbox中的所有项目都在同一方向上相邻放置。默认方向是行,但您可以在flex容器上使用flex dire

如何将两个图像相邻放置,然后以较小的
宽度添加
,并使
溢出:隐藏

就像滑球一样。我总是得到堆叠的图像(块级),但我需要内联

*{
保证金:0;
填充:0;
框大小:边框框;
}
.滑杆组{
背景色:红色;
位置:相对位置;
}
img{
宽度:600px;
高度:300px;
位置:相对位置;
显示:内联块;
}

您可以使用flexbox

Flexbox是一种将项目排列成行或列的好方法。flexbox中的所有项目都在同一方向上相邻放置。默认方向是行,但您可以在flex容器上使用
flex direction
来更改该方向。以下是完整的指南:

哦,当然,如果你想在框小于内容时滚动,你需要使用
overflow:auto

*{
保证金:0;
填充:0;
框大小:边框框;
}
.滑块{
显示器:flex;
溢出:自动;
}
img{
宽度:600px;
高度:300px;
}


Hello Lyuba,到目前为止您尝试了什么?对于general Q,将两个图像相邻放置的方法层出不穷(通过内联block.Flexbox.CSS Grid.Table.Floating)。请阅读本文:。稍后添加更具体的Q。也请添加您想要的结果的屏幕截图。