Как заставить SVG двигаться прямо в div - PullRequest
Новая
       57

Как заставить SVG двигаться прямо в div

0 голосов
/ 23 сентября 2019

Я пытаюсь настроить svg для выравнивания с концом div, в котором он находится. Div отображается в flex, и я прикрепил «align-self: flex-end» к тегу, в котором находится svg.Я также пробовал блокировать, float-right.И еще несколько вещей.Любая помощь будет оценена. 

<div class="d-flex">
  <a class="text-success" href="#"><h4 class="font-weight-bold mr-5">CRM Partners</h4></a>
  <a href="#" class="text-success svg-end"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" class="angle-right text-success" style="min-width: 13px;"><path d="M187.8 264.5L41 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 392.7c-4.7-4.7-4.7-12.3 0-17L122.7 256 4.2 136.3c-4.7-4.7-4.7-12.3 0-17L24 99.5c4.7-4.7 12.3-4.7 17 0l146.8 148c4.7 4.7 4.7 12.3 0 17z"/></svg></a>
</div>

.svg-end {
    align-self: flex-end;
  }

1 Ответ

0 голосов
/ 23 сентября 2019

Хорошо ... Клянусь, я пробовал это раньше.Но если поставить mr-auto на первый div, то получилось. 

<div class="d-flex">
  <a class="text-success mr-auto" href="#"><h4 class="font-weight-bold">Collaboration Unified Communications</h4></a>
  <a href="#" class="text-success"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" class="angle-right text-success" style="min-width: 13px;"><path d="M187.8 264.5L41 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 392.7c-4.7-4.7-4.7-12.3 0-17L122.7 256 4.2 136.3c-4.7-4.7-4.7-12.3 0-17L24 99.5c4.7-4.7 12.3-4.7 17 0l146.8 148c4.7 4.7 4.7 12.3 0 17z"/></svg></a>
</div>
...