在jquery ui滑块下方和上方标记

Question

我有一个jquery-ui滑块。我想显示滑块位于手柄下方的确切值，而我想要滑块上的“图例”。

我设法显示了手柄下方滑块的值，并创建了我在滑块上方添加了一个表格的图例，该表格在Chrome中显示得非常好，但在Firefox整个事情出错了。

这是我的代码（在jade）

    table.table(style='margin-bottom: 0px')
        tbody
            tr
                th
                    div
                        label(style='white-space:nowrap;margin-left: -40%') Totally Wrong
                th 
                    div
                        label(style="white-space:nowrap;") Neutral
                th
                    div
                        label(style='white-space:nowrap;margin-left: 80%') Totally OK
    div#slider

Answer 1

我做了这些调整，但是如果有人能给我一个更好的答案我会非常感激

 table.table(style='margin-bottom: 0px')
        tbody
            tr
                th(style='width:33%; text-align: center;')
                    div(style='white-space:nowrap;') 
                        label(style='margin-left: -100%') Totally Wrong
                th(style='width:33%; text-align: center;')
                    div(style='white-space:nowrap;') 
                        label Neutral
                th(style='width:33%; text-align: center;')
                    div(style='white-space:nowrap;') 
                        label(style='margin-left: 80%') Totally OK

现在在两个浏览器中看起来都一样。