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

标签 html css thumbnails

我想在每个缩略图上添加一个 padding-right(margin-right) 但问题是最后的缩略图正在消失。 所以,我的问题是如何在不消失的情况下在这些缩略图上添加合适的填充(边距)。 这是link .

最佳答案

几种方式:

  • CSS 第 n 个子选择器以第 n 个缩略图为目标并给它一个零 margin-right
  • 如果缩略图自己排成一行,那么您可以使用 CSS :last 属性

如果您支持现代浏览器,以上内容是完美的。

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

关于html - 缩略图滚动边距(填充)问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7865727/

相关文章:

html - 如何修复一个 div 使其不位于我其他 div 的右侧

javascript - 当我们有很多动画时,canvas 不是应该比 dom 操作更快吗?

html - 删除您无权编辑的 CSS 属性

html - CSS 高度和宽度问题

java - 安卓缩略图列表

html - 将相对大小的 Div 的内容与相对大小的元素居中,同时保持元素左对齐

css - 我在这里缺少的标签规范是什么?

java - 如何使用 Selenium Java 在另一个 ul 标签内打印文本

facebook - 当我将链接粘贴到帖子/状态/评论中时,如何让 Facebook 显示我网站的 Logo ?

java - 如何在 Linux 中的图像文件选择器上显示图像缩略图