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文件，直到我找到了，並且我找不到在代碼的其他地方會導致此問題的任何內容。有誰知道發生了什麼？我很難過。

來源

2017-05-03 Kenn

我寧願告訴你把「X」放在一個單獨的div中，這樣它就不會傷害到佈局。

下面是一段代碼，我寫我的佈局：

演示這裏：

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

希望它可以幫助你

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

來源

2017-05-03 18:03:39

Jquery UI關閉按鈕佈局問題

回答

相關問題