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。也请添加您想要的结果的屏幕截图。