Css 如何在同一行上排列图像

我在下面有这段代码，我尝试了书中的每一个技巧，使所有的图像具有相同的尺寸，并且仍然使其引导响应。但似乎我必须选择其中一个因此我想将所有图像排成一行。

我附上了一张图片，显示了我的意思：

/*书籍*/
#图书组{
位置：绝对位置；
左：50%；
最高：25%；
转化：translatex（-50%）；
}
#书籍与文本{
位置：绝对位置；
左：50%；
最高：15%；
转化：translatex（-50%）；
}
.说明一、.说明二、.说明三{
颜色：#9B0103；
最大宽度：100%；
文本对齐：居中；
边框：1px实心#9B0103；
边界顶部：无；
字体大小：粗体；
}
.description_one a{
文字装饰：无！重要；
}
#a栏{
文字装饰：无！重要；
}
/*书籍结尾*/

我们免费赠送书籍
在div上使用
位置：绝对
不是一个好的做法。
#book_列
可以设置为

display: inline-block;
padding: 10px;

这将导致图像排成一行

将父级
#books_div
设置为
文本对齐：居中
，以便将书籍列表显示在父级div的中心。可以为#book_列设置高度，以便所有图像占据相同的高度

参考这把小提琴：
为
book\u列设置一个高度，并将
img
高度设置为100%就可以了。