Посторонние отступы или нецентрированные SVG в гибком div? [дубликат] ⇐ CSS

[Anonymous]

Я пытаюсь центрировать эти значки на панели в стиле дока. Однако даже при отсутствии отступов в элементе закрепления без видимой причины возникает случайный пробел.

Код: Выделить всё

Код: Выделить всё

#dock {
position: absolute;
border: .5px solid #d9d9d9;
background-color: rgba(240, 240, 240, 0.75);
backdrop-filter: blur(5px);
display: flex;
left: 50%;
bottom: 0%;
transform: translate(-50%, -30%);
border-radius: 2vw;
padding: .6vw 0 .6vw 0;
}

#dock > div > svg {
height: 6vw;
width: 6vw;
margin: 0 1vw 0 1vw;
padding: .4vw;
background-color: white;
}

Я пробовал justify-content: center; и align-items: center;, но это не помогло.


Подробнее здесь: https://stackoverflow.com/questions/785 ... n-flex-div