Javascript CSS字母间距与行通过

有没有css/js解决方案，在使用

字母间距时如何使文本居中？由于伪元素
：before
或
：：after
的存在，单行文本可以通过
实现居中
行，但在块元素如
或
上则不可能


h2，p{
字母间距：1米；
文字装饰：线条贯通；
文本对齐：居中；
}
p{
字母间距：.5em；
}
随机文本
Lorem ipsum dolor sit amet，在nemore aperiri cum。雷吉奥·霍内斯塔斯·埃奎奥，他是一个平庸的人，他是一个充满活力的人。反对者联盟，即最低议会联盟，有一个新的自由主义者。绿色是一种绿色，但它是一种白色的绿色，是一种改革的绿色。这是一个想法，你可以依靠背景和创建线条，你可以轻松地调整它的大小和位置。基本上，您将从总宽度中删除一个字母间距

需要注意的是，背景需要应用于内联元素：


p{
字母间距：.5em；
文本对齐：居中；
}
p跨度{
背景：
线性梯度（#000，#000）/*着色*/
0计算（50%+0.2ex）/*位置*/
/
计算（100%-.5em）1px/*宽高*/
不重复；
-webkit盒装饰中断：克隆；
盒子装饰破裂：克隆；
}
Lorem ipsum dolor sit amet，在nemore aperiri cum。雷吉奥·霍内斯塔斯·埃奎奥，他是一个平庸的人，他是一个充满活力的人。反对者联盟，即最低议会联盟，有一个新的自由主义者。绿色是一种绿色，但它是一种白色的绿色，是一种改革的绿色。Et usu sumo invidunt，cu vix veri dolore propriae。
没有时间检查发生了什么，但在FF上，抗锯齿似乎使事情变得模糊：@kaido是的，因为高度值很小（0.1em），并且由于它不是相同的字体，所以值将不相同，我们将出现亚像素渲染问题guess@Kaiido我切换到px值，这样更安全。。。如果我们增加字体大小，我们必须手动更改字体大小，这是在每个智能浏览器下都能运行的最好的“头脑风暴”解决方案。。根据caninuse的说法，在Edge（IE）中不提供盒装饰中断。非常好（挑剔：不固定的规则应该在-webkit前缀之后）相关：但你真的也在寻找js解决方案吗？到什么程度？我的意思是，任何js解决方案都必须更好地理解您的布局，例如，这是固定的还是会随着大小调整、动态元素插入、悬停等而改变中断？我也接受js解决方案。。带有line-through的div/p可以包含其他html，如ul、a、i，因此JS解决方案中的每个文本行必须用span/div包装并侦听window.resize事件。