Я хотел бы использовать древовидную диаграмму для своего проекта и наткнулся на этот замечательный CSS единственный код:
https://codepen.io/philippkuehn/pen/QbrOaN
Однако мое дерево имеет так Многие «великие великие дети» должны отображаться в нескольких строках, а не рядом. У кого-нибудь есть идеи как это реализовать? Желательно без использования JavaScript.
Я пытался изменить элемент ul на flex, но, очевидно, это не так просто:
https://codepen.io/zahlex/pen/vYNKPqq
.tree ul {
...
display: flex;
flex-wrap: wrap;
max-width: 500px;
}