创建上标 jquery ui 按钮答案

【问题标题】：create superscript jqeryui button创建上标 jquery ui 按钮
【发布时间】：2012-10-12 03:25:29
【问题描述】：

我正在尝试在 jquery ui 按钮中复制文本中的上标图标。我已经尝试了几个组合，但一切都搞砸了按钮。它将在 buttonset() 中不正确地对齐。

css

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

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

有人有什么建议吗？

【问题讨论】：

【解决方案1】：

为什么不直接使用 HTML <sup> 标签而不是 span？

【讨论】：

【解决方案2】：

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

CSS 中的小改动。

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

【讨论】：