Html 缩略图滚动边距(填充)问题

Html 缩略图滚动边距(填充)问题,html,css,thumbnails,Html,Css,Thumbnails,我想在每个缩略图上添加一个右边距,但问题是最后一个缩略图正在消失。 所以,我的问题是如何在这些缩略图上添加一个合适的填充(边距),而不会消失。 以下是一些方法: CSS第n个子选择器以第n个缩略图为目标,并给它一个零右边距 如果缩略图位于自己的一行中,则可以使用CSS:last属性 如果您支持现代浏览器,上述功能是完美的 如果必须支持较旧的浏览器,则必须手动将类添加到行中的最后一个缩略图中。例如,.last thumb并在CSS中使用它将边距归零。您没有提供太多信息,但如果您的缩略图正在消失

我想在每个缩略图上添加一个右边距,但问题是最后一个缩略图正在消失。 所以,我的问题是如何在这些缩略图上添加一个合适的填充(边距),而不会消失。 以下是一些方法:

  • CSS第n个子选择器以第n个缩略图为目标,并给它一个零
    右边距
  • 如果缩略图位于自己的一行中,则可以使用CSS
    :last
    属性
如果您支持现代浏览器,上述功能是完美的


如果必须支持较旧的浏览器,则必须手动将类添加到行中的最后一个缩略图中。例如,
.last thumb
并在CSS中使用它将边距归零。

您没有提供太多信息,但如果您的缩略图正在消失,则听起来像:

  • 您的容器不够大,无法容纳缩略图
  • 您的容器设置为
    溢出:隐藏
    ,而它应该设置为
    溢出:可见

  • 如果你能添加你的html&js代码,那会很有帮助。在jsfiddle.net或jsbin.com上举个例子吧。我已经编辑了我的帖子!现在检查…如果我设置溢出:可见,将显示一个大的浏览器水平滚动条,我不希望出现这种情况。检查示例,我已经编辑了我的帖子。