javascript - 如何在 CSS/JavaScript 中用水平线显示 "Classic"组合分数?

标签 javascript html css fractions

我有一个分数,我想把它整齐漂亮地显示出来。

例如

4/5 

会是

 4
 —
 5

我看过this虽然这个解决方案不错,但问题在于将 4 和 5 排在同一条直线上,并用直线 将它们分隔开,就像在传统分数中一样。

任何破解或解决方案都是可以接受的。不一定 CSS、Javascript 或任何其他语言都是可以接受的。

最佳答案

使用这个

<sup>6</sup>/<sub>7</sub>​

DEMO


对于直线

HTML

<div class="top">2</div><div class="bottom">6</div>​

CSS

.top{border-bottom:solid black 1px; display:inline-block; float:left}
.bottom{ display:inline-block; clear:left; float:left}

​DEMO 2

关于javascript - 如何在 CSS/JavaScript 中用水平线显示 "Classic"组合分数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13878772/

相关文章:

javascript - 你用什么来最小化和压缩 JavaScript 库?

javascript - 为什么我的 jQuery 函数 getJSON 没有调用我的函数回调?

html - 页面上方的页眉滚动 HTML CSS

html - 从网页打印信封

css - 列顺序,等高,动态内容

javascript - 在获取 javascript 映射之前使用 _c

javascript - js在两个选项之间切换不带 "if"

html - swf 顶部的分层下拉菜单

javascript - 元素的真实宽度

javascript - Bootstrap Modal 上的单独背景淡入淡出