@Flurri

Почему ломаются ссылки?

Вопрос решен, ответ написал ниже.
Только учусь верстать и столкнулся с такой проблемой.
Есть меню, состоящее из списка и ссылок внутри li.
При обновлении страницы ссылки через раз ломаются ( приложу скрины ).
Но при обновлении страницы через ctrl + F5 все становиться нормально.
Подскажите, почему так происходит и как это исправить?5edbf420189f3121563783.png - тут все хорошо
5edbf42b95f99371898626.png - а тут все съехало
Код ломающейся части меню:
<ul class="list_one_menu">
 <li><a href="" class="list_one_link">SHIPPING POLICY</a></li>
  <li><a href="" class="list_one_link">FIND STORE</a></li>
  <li><a href="" class="list_one_link">WISHUST (0)</a></li>
  <li><a class="list_one_link show_submenu">MATT THOMPSON <img src="img/down_arrow.png" class="down_arrow" alt="Стрелка вниз"></a></li>
  </ul>


СSS, относящейся к нему:
.list_one_menu
{
    width: 50%;
    text-align: right;
    display: flex;
    list-style-type: none;
    justify-content: flex-end;
    padding: 0;
}
.list_one_link
{
    color: rgb(214, 214, 214);
    text-decoration: none;
    padding: 16px;
    vertical-align: middle;
    transition: 0.4s;
    position: relative;
}
.list_one_link:hover
{
    color: white;
}
.down_arrow
{
    padding: 0 2%;
    vertical-align: middle;
}


UPD: Решил проблему запретом переноса на новую строку текста в ссылках. (white-space: nowrap;)
  • Вопрос задан
  • 128 просмотров
Решения вопроса 1
@Flurri Автор вопроса
Решил проблему запретом переноса на новую строку текста в ссылках с помощью white-space: nowrap;
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы