我琢磨出来了这种方法:
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 1234567
2345+1234=43
98761234
2345123+1234=43 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
即使在文本内也会挺不错的。
是这样:
<style type="text/css">
.frac{text-indent:0;display:inline-block;vertical-align:middle}
.frac-inside{text-indent:0;display:inline-block;text-align:center}
.underline{border-bottom:solid 1px}
.overline{border-top:solid 1px}
</style>
<span class=frac><span class=frac-inside><span class=underline>1234567</span><br>2345</span></span>+1234=43
如果分母比分子宽,那么就改为分母用overline。很简单吧!支持IE6浏览器。就是三级嵌套,有点麻烦。