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上举个例子吧。我已经编辑了我的帖子!现在检查…如果我设置溢出:可见,将显示一个大的浏览器水平滚动条,我不希望出现这种情况。检查示例,我已经编辑了我的帖子。