Как сделать круг с пунктами внутри?

Есть круг, в нем нужно расположить пункты которые можно выбирать.
Вот пример
5d874e1a0225d323654049.png
  • Вопрос задан
  • 92 просмотра
Пригласить эксперта
Ответы на вопрос 3
@i10dev

---
херова туча /или a/или что те нужно


и уже внутри каждому элементу даешь position: absolute и позиционируешь как те ннннадо, челез left/top/right/bottom.
или как вариант позиционируешь всех в центре круга и через tranform: translate(x,y) расставляешь каждый элемент куда ннадо
Ответ написан
Shlop
@Shlop
Full Stack Developer (PHP/Laravel/JavaScript)
Накидал тут кое что, может конечно можно более элегантно это всё сделать

И есть ряд моментов:
  1. Данное решение не универсальное
  2. При смене шрифта может выглядеть не красиво
  3. При смене текста в пунктах тоже может выглядеть не красиво
  4. Позиционируется не автоматически
Ответ написан
Комментировать
@siarheisiarhei
border-radius: 50%;
наружка....
display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;

компонент....
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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