Jquery UI关闭按钮布局问题
问题描述:
我目前正在使用Jquery UI 1.8.10的一个项目,它已经有一段时间没有问题,但似乎对话框中的关闭按钮上的“X”突然出现发达的布局问题,它向下推进到右侧。我可以通过编辑CSS文件jquery-ui-1.8.10.custom.css来修复它,我删除了顶部和左侧的50%定位。 CSS现在看起来像下面的代码。Jquery UI关闭按钮布局问题
.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文件,直到我找到了,并且我找不到在代码的其他地方会导致此问题的任何内容。有谁知道发生了什么?我很难过。
答
我宁愿告诉你把“X”放在一个单独的div中,这样它就不会伤害到布局。
下面是一段代码,我写我的布局:
演示这里:
[https://jsfiddle.net/VijayVj7/5yqg9mdo/]
希望它可以帮助你
<div >
<span id="close">✖</span>
</div>