Jquery UI关闭按钮布局问题

Question

我目前正在使用Jquery UI 1.8.10的一个项目，它已经有一段时间没有问题，但似乎对话框中的关闭按钮上的“X”突然出现发达的布局问题，它向下推进到右侧。我可以通过编辑CSS文件jquery-ui-1.8.10.custom.css来修复它，我删除了顶部和左侧的50％定位。 CSS现在看起来像下面的代码。

.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon 
{ position: absolute; top: 0%; margin-top: -8px; } 
.ui-button-icon-only .ui-icon { left: 0%; margin-left: -8px; } 

我不明白什么改变了？没有人编辑CSS文件，直到我找到了，并且我找不到在代码的其他地方会导致此问题的任何内容。有谁知道发生了什么？我很难过。

Answer 1

我宁愿告诉你把“X”放在一个单独的div中，这样它就不会伤害到布局。

下面是一段代码，我写我的布局：

演示这里：

[https://jsfiddle.net/VijayVj7/5yqg9mdo/]

希望它可以帮助你

<div > 
     <span id="close">&#10006</span> 
</div>