长除法符号(HTML和/或CSS)

发布时间：2020-12-14 19:36:51 所属栏目：资源来源：网络整理

导读：我正在寻找一种使用 HTML / CSS显示传统长除法符号的方法(有点像这里显示的那样： http://barronstestprep.com/blog/wp-content/uploads/2013/04/longdiv1.png). 这个(http://www.fileformat.info/info/unicode/char/27cc/index.htm)基本上就是我所需要的,但

我正在寻找一种使用 HTML / CSS显示传统长除法符号的方法(有点像这里显示的那样： http://barronstestprep.com/blog/wp-content/uploads/2013/04/longdiv1.png).

这个(http://www.fileformat.info/info/unicode/char/27cc/index.htm)基本上就是我所需要的,但我认为很多人不会在他们的计算机上安装正确的字体来看它(至少我不这样做).

我也尝试了这个(下面),但它并没有在Chrome和FF上一致显示…

4<span style="text-decoration: overline;"><span style="font-size: 14px">)</span>84</span>

这应该用长除法框显示84÷4.

想法？

解决方法

<span style="border-right: 1px black solid; border-radius: 0px 0px 10px 0px">
    4 
</span>
<span style="border-top: 1px black solid; ">
    84 
</span>

Demo

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!