如何根据文本子集居中文本？

Question

我有一个标题，然后是一个使用HTML的下标。

<h1>
    $250
    <sub>
    5%
    </sub>
</h1>

问题是我希望将这个标题集中在250美元，不包括div中的5％。因此，如果我使用中心，则计算整个宽度，而不仅仅是除了sub之外的宽度。如果可能的话，我想避免使用绝对定位。

Answer 1

由于如何计算居中，我认为没有任何直接的方法可以做到这一点。您可以做的是在position: absolute上使用<sub>，因此它不在居中流程中，也不会影响居中。问题是它也不受vertical-align: sub的影响，因此您或多或少必须通过bottom等定位属性或使用边距来创建自己的效果。

http://jsfiddle.net/7jh5W/