Кнопка создания надстрочного jqeryui
Я пытаюсь скопировать верхний индекс в тексте с помощью кнопки пользовательского интерфейса jquery. Я попробовал несколько комбинаций, но все портит кнопку. Он будет неправильно выровнен внутри 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();
У кого-нибудь есть предложения?
2 ответа
Решение
Почему бы просто не использовать HTML <sup> тег вместо промежутка?
В вашем CSS, если вы дадите float: left; это влияет на vertical-align: top; так как, vertical-align может быть дано только для встроенных элементов и когда вы float, он становится элементом уровня блока.
Небольшое изменение в вашем CSS.
.superscript {font-size: xx-small; vertical-align: top;}
.floatleft {float: left;}