Javascript JqueryUI图标出现在新行上

我想在我的网页上添加一个jqueryui对话框，但是当它显示关闭图标时，会出现一个新行，而不是与标题在同一行。Chrome、IE和Firefox都存在同样的问题。 我已经尝试删除我的自定义css，以确保它不是那个把它搞砸了

屏幕截图如下：

该代码可在本网站首页查看：

点击图片。它也可以在带有图标的按钮上看到

谢谢

---

（我对jqueryui按钮有一些问题，其中文本和图标也显示在不同的行上）

您似乎缺少jqueryui样式表中的一些样式。在中，我发现了以下样式声明：

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 19px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 18px;
}

---

尝试添加原始jQueryUI样式表。也许您可以使用来采用您的样式。

似乎您缺少jQuery UI样式表中的一些样式。在中，我发现了以下样式声明：

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 19px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 18px;
}

---

尝试添加原始jQueryUI样式表。也许你可以使用它来采用你的风格。

是否每个浏览器都会出现这种情况？你可以发布一些代码吗？它发生在Chrome、Firefox和IE中。我现在已经添加了一个网站链接，所以所有代码都是可用的。它发生在每个浏览器上吗？你可以发布一些代码吗？它发生在Chrome、Firefox和IE中。我现在添加了一个网站链接，所以所有的代码都是可用的。我再次下载了ui样式表，它很有帮助！非常感谢你再次下载了ui样式表，它很有帮助！非常感谢你