проблема с полями для скроллера миниатюр

Question

Я хочу добавить отступ справа (margin-right) для каждого эскиза, но проблема в том, что последние эскизы исчезают. Итак, мой вопрос заключается в том, как добавить приличный отступ (маржа) для этих миниатюр, не исчезая. Это ссылка .

Answer 1

Вы не предоставили много информации, но если ваши миниатюры исчезают, это звучит как:

1. Ваш контейнер недостаточно велик для миниатюр.
2. Ваш контейнер установлен на overflow:hidden, тогда как он должен быть установлен на overflow:visible.

Answer 2

Несколько способов:

• CSS n -ные дочерние селекторы для назначения n-го эскиза и присвоения ему нуля margin-right
• Если миниатюры находятся в отдельной строке, вы можете использовать свойство CSS :last

Вышесказанное идеально подходит, если вы поддерживаете современные браузеры.

Если вам нужно поддерживать старые браузеры, вам придется вручную добавить класс к последнему эскизу в строке. например. .last-thumb и используйте это в своем CSS для обнуления поля.