Safari iOS игнорирует любые отступы справа от последнего дочернего элемента в блоке с горизонтальным скроллом?
snippet
Дополнительно:
В принципе логичное поведение.
Можно попробовать заменить margin на псевдо.
content: '4';
Это сильно. Медаль за усидчивость. Надеюсь, её хватит и на 100 слайдов.
https://webref.ru/css/counter-reset
О второй части комментария - я не очень понял как это относится к вопросу и как могло бы помочь его решить.
Очевидно же, это пример. Даже комментарий есть, о том, что это стили для визуализации и им отделены стили оформления от стилей относящихся к вопросу. За `counter-reset` (и похвалу? за усидчивость) конечно спасибо. Мне не сложно 4 раза нажать Ctrl+D, копировать строку, чтобы быстро накидать пример.
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Да, действительно, Safari на iOS может игнорировать отступы справа от последнего дочернего элемента в блоке с горизонтальным скроллом из-за особенностей обработки CSS. Это может быть вызвано различными факторами, такими как ширина элементов, отступы, паддинги и другие CSS свойства.
Для решения этой проблемы, вам следует учитывать следующие рекомендации:
1. Используйте свойство `justify-content` со значением `space-between` для контейнера, чтобы равномерно распределить пространство между дочерними элементами.
2. Проверьте ширину и отступы у последнего дочернего элемента в блоке с горизонтальным скроллом. Убедитесь, что они не превышают ширину контейнера.
3. Используйте инструменты разработчика браузера, чтобы анализировать стили элементов и идентифицировать возможные проблемные места.
Пример использования `justify-content: space-between`:
.container { display: flex; justify-content: space-between; }
Таким образом, следуя этим рекомендациям, вы сможете исправить проблему с отступами справа от последнего дочернего элемента в блоке с горизонтальным скроллом в Safari на iOS.