问题描述
我正在尝试将用于编程语言的漂亮打印机移植到HTML。漂亮打印机的输出示例如下：
P : Prop
⊢ (λ (x y : ℕ),[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24] = [4,6]) = λ (x y : ℕ),3 = 3
从漂亮的打印机上，我们知道必须将东西缩进多远，但如果它们可以放在一行中，则也可能不会缩进。
规则是，每当嵌套时，都必须缩进父级已经缩进的数量，但还要缩进一点。
在此示例中，λ缩进4个字符，列表[...]缩进1。这就是为什么1和16对齐的原因。
我正在尝试制作一个可以完成这种事情的CSS样式表。
到目前为止，我能找到的最好的方法是使用display: inline-block; text-indent: -4ch; padding-left: 4ch;制作一个元素。
这或多或少有效，但它会在不需要或不需要的地方引入换行符。
我正在寻找的是类似display: inline的东西，也尊重text-indent。
在CSS中是否有某种方法可以做到这一点，或者可能是一种合理的方法？我们希望浏览器根据需要引入换行符，并考虑允许换行和禁止换行的地方。
当前示例：uploaded to jsfiddle
解决方法
暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！
如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@）