@HongThong

Как перенести слово при нехватке места?

<div class="list-item-with-circle card-other-resource__item">
      <span class="list-item-with-circle__product">Lorem ipsum dolor sit amet, consectetur adipiscing elit</span>
      <div class="list-item-with-circle__linksWrapper">
		<div class="list-item-with-circle__linkWrapper"><a href="#" class="link link_sm link_normal">Установка</a></div>
		<div class="list-item-with-circle__linkWrapper"><a href="#" class="link link_sm link_normal">Активация</a></div>
		<div class="list-item-with-circle__linkWrapper"><a href="#" class="link link_sm link_normal">Обновление</a</div>
     </div>
  </div>


Сейчас блок с ссылками переносится полностью, нужно чтобы последняя ссылка переносилась на новую строку при нехватке места. Как здесь 5d7274ccaa1c7895390186.png
  • Вопрос задан
  • 68 просмотров
Пригласить эксперта
Ответы на вопрос 1
@KononovD
<div class="list-item-with-circle card-other-resource__item">
        <span class="list-item-with-circle__product">Lorem ipsum dolor sit amet, consectetur adipiscing elit</span>
        <div class="list-item-with-circle__links-wrapper">
          <a href="# " class="link link_sm link_normal">
            Установка
          </a>
          <a href="# " class="link link_sm link_normal">
            Активация
          </a>
          <a href="# " class="link link_sm link_normal">
            Обновление
          </a>
        </div >
      </div >

.list-item-with-circle__links-wrapper{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
}
Ответ написан
Ваш ответ на вопрос

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

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