jquery - 上付き文字のjqueryuiボタンを作成

Question

jquery ui ボタン内のテキストに上付き文字アイコンを複製しようとしています。いくつかのコンボを試しましたが、すべてがボタンを台無しにします。buttonset() 内で正しく配置されません。

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();

誰か提案はありますか？

score 2 · Accepted Answer

2

<sup>スパンの代わりにHTML タグを使用しないのはなぜですか?

于 2012-10-12T03:27:08.630 に答える

score 0 · Accepted Answer

あなたのCSSでは、float: left;影響を与える場合、インライン要素にのみ与えることができ、あなたvertical-align: top;がすると、ブロックレベルの要素になります。vertical-alignfloat

CSS の小さな変更。

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

2 に答える 2