Блог

У меня есть эта страница:http://www.problemio.com/problems/problem.php?problem_id=214

На нем есть ссылка «предложить решение» в середине нижней части экрана. Если вы щелкнете по нему, он вызовет функцию JS, чтобы скрыть его и показать на его месте элемент diff. По какой-то причине он помещает другой элемент в следующую строку, что выглядит неудобно.

Знаете ли вы, почему это происходит? Я не могу понять это 🙂

<a> Тегу, содержащему ссылку Suggest a solution , присвоено значение display: block; , что приводит к разрывам до и после.

Используйте $("#show_existing_suggestions").hide() / show() для достижения того же самого, а не для добавления стиля. Я попробовал это в Chome Developer tool, и это сработало, как ожидалось… Попробуйте 🙂

Якоря по умолчанию являются блочными элементами. Вам нужно оформить их так, чтобы они были встроенными.