问个基础的东东_html/css_WEB-ITnose

比如想将下面的内容在一行内显示出来，怎么办？（注：其中的1/2需要写成标准的分式，分上下2行写）
“…此处省略30字 …我想输入一个分式：1+1/2，这个咋办？…此处省略10字…”

弄个table吧，就那么几个字符占一行太浪费了，而且影响版容，弄个图片吧，又复杂了点。

大家有没有好注意啊？

回复讨论(解决方案)

可以试试这种思路

nbsp;html>.percent{position: relative;}.percent span:nth-child(1){border-bottom: 1px solid #000;position: absolute;top: -2px;}.percent span:nth-child(2){position: absolute;top: 15px;}
12

登录后复制

分行 使用p标签

谢谢2#，不过我那ie8用不了。

写错了，谢#1的nth-child（ie8不能用）

分行 使用p标签

请来个例子，谢谢。

其实用table可以很好解决，只有一个tr，td都设置valign=”middle”，遇到分式的时候增加一个td，里面使用
……
但有一个问题：p和table等都是块元素，必须单独占一行，没法和行元素待在一行上(虽然inline但仍然不在同一水平线)。当要展示的式子很短（诸如1+1/2）时，也占一行，那就太不美观了….

nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">#ft {position: relative;top: 0.5em;}#fb {position: absolute;top: -1em;text-decoration: underline;}

fffff 1+12 nnnnnnnnn

登录后复制