@Zombie42679
Пытаюсь верстать, учу JS, когда-нибудь стану топом

Как выравнять круг в кругу?

Можно ли как-то без флексбокса и css grid выравнять круг внутри круга, не используя тот способ, что ниже ? И почему иногда в хроме ровно смотрится, а в мазиле на 1-2 пикселя мимо ?

https://codepen.io/anon/pen/wryXbp
  • Вопрос задан
  • 834 просмотра
Решения вопроса 1
@maxfox
.circle {
  width: 74px;
  height: 74px;
  border-radius: 50%;
  border: 1px solid #000;
}

.low-circle {
  width: 62px;
  height: 62px;
  border-radius: 50%;
  border: 1px solid red;
  margin: 5px;
}


Обратите внимание, что размер внутреннего круга изменен, везде должны получаться целые числа, иначе при округлении все сместится на 1px.
Т.е. должно быть a + 2*border + 2*margin = b, где a - размер внутреннего круга, а b - внешнего.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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