Question

我正在使用jquery ui tabs

我正在使用它们来动态关闭它们。

示例页面here，点击“添加标签”链接即可显示

在标签面板中添加标签...

现在在 firefox 中，关闭按钮会显示在标签

的文本下方

导致选项卡面板或标签正文中出现乱码

和其他浏览器一样，如何在同一行显示

我正在使用的CSS是

     .ui-tabs { padding: .20em; zoom: 1; }
    .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; height:27px;  }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; font-size:63.5%;  }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em;  }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0;  }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text;  }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; font: 62.5%; }
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background:black; color:white; font-size: 12px; }
.ui-tabs .ui-tabs-hide { display: none !important; font: 62.5%; }

#tabs .ui-tabs-nav li a:hover { float: left; text-decoration: none; padding: .5em 1em; background-color: #868472; }
#tabs-profile .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; font-size:75%; }

请帮忙

感谢
Pradyut
印度

Answer 1

.ui-icon-close { float: left;}

jquery ui tabs关闭文本下方的按钮

1 个答案: