创建上标jquery ui按钮

Question

我试图在jquery ui按钮中复制文本中的上标图标。我尝试了几个组合，但一切都搞砸了按钮。它将在按钮组（）中错误地对齐。

CSS

.superscript{float: left; font-size:xx-small; vertical-align:top;} 
.floatleft{ float: left;}

JS

$("<a/>",{
href : "#",
html : '<span class="floatleft">x</span><span class="superscript">2</span>',
}).button();

有人有任何建议吗？

Answer 1

为什么不使用HTML <sup>代码而不是span？

Answer 2

在您的CSS中，如果您提供float: left;，则会影响vertical-align: top;，因为vertical-align只能提供给内联元素，当您float时，它会变成一个块等级元素。

CSS中的小变化。

.superscript {font-size: xx-small; vertical-align: top;} 
.floatleft {float: left;}

这应该有效。 Fiddle。