- Просматривайте свой веб-сайт на настольном / портативном компьютере с помощью браузера Google Chrome или Mozilla Firefox.
- Щелкните правой кнопкой мыши ссылки, которые слишком малы или расположены слишком близко друг к другу, а затем выберите «Проверить элементы».
- Теперь вы знаете имя CSS, которое вызывает проблему "Слишком близкие ссылки". Например, «qa-nav-footer-link».
- Попробуйте применить один из этих приемов CSS к нашей ссылке в примере: «qa-nav-footer-link»
- Используйте margin: 10px или margin-top: 10px; margin-left: 10px или любой другой вариант -top / -right / -left / -bottom может работать.
- Используйте padding: 10px или padding-top: 10px; padding-left: 10px или любой другой вариант -top / -right / -left / -bottom может работать.
- Измените размер шрифта на больший, так как это впоследствии также увеличит пространство вокруг этих ссылок: ex, font-size: 16px;
- Используйте justify-content: space-evenly; для внешнего DIV, как в этом случае qa-nav-footer.
- Может быть, есть еще трюки CSS, подобные этим:
Вы можете протестировать с помощью инструмента «Проверить элементы» перед изменением файла CSS. Убедитесь, что вы очистили кеш, или вы можете добавить псевдо-версию, например, my_style.css? V = 123.
Найти братьев по разуму во Вселенной не легче, чем на Земле.