Кодирование гибкой спортивной скобки HTML

Question

Я пытаюсь создать брекет-систему с использованием HTML. Однако я нашел другие решения, но для большинства из них требуется много абсолютного / относительного позиционирования или таблиц.

Я ищу способ сделать его более гибким, чтобы я мог просто изменить HTML-код, чтобы изменить его с 16-скобочного на 64-разрядный.

[404 - ссылка удалена]

Теперь, я не вижу ничего плохого в моем текущем примере, однако мне просто любопытно, есть ли кто-нибудь, кто-нибудь предлагает улучшить или полностью изменить способ, которым я это делаю.

Я бы предпочел держаться подальше от столов и определенно держаться подальше от любого позиционирования (это должно быть гибким).

Если у вас есть идеи, это было бы здорово. :)

Спасибо

Andrew

Answer 1

Это на самом деле выглядит довольно хорошо. Что бы я сделал, чтобы улучшить его, это инкапсулировать логику в немного Javascript, предоставить информацию о скобках в каком-то текстовом формате и заставить Javascript анализировать текстовый формат для генерации скобок настолько глубоко, насколько вам это необходимо.