Q

jquery按鈕沒有正確對齊

2012-04-05 122 views 1 likes

1

有誰知道如何對齊這些jQuery按鈕而不使用float:left？jquery按鈕沒有正確對齊

http://jsbin.com/afixij/edit#javascript,html,live

同樣的問題也對jQuery的網站：

時<button>和任何其他元素，如<a>使用出現此問題

http://jqueryui.com/demos/button/#default

2012-04-05 Ergec

A

回答

1

我以前是沒有這個問題，所以我使用舊版本的jQuery的UI檢查了我的舊代碼的問題消失。我注意到老.ui-button類有overflow:visible，而不是overflow:hidden更改爲overflow:visible，瞧，它是固定的。

2012-04-05 19:08:36 Ergec

+0

Congrads：p喜歡那些抽象的CSS標籤，給你各種奇怪的行爲 – Alain 2012-04-05 19:11:40

+0

最新更新http://bugs.jqueryui.com/ticket/8241 – Ergec 2012-04-06 11:00:31

1

這是因爲該類.ui-button在jquery-ui.css正在使用display: inline-block;

enter image description here

如果您更改到display: inline-table;

enter image description here

2012-04-05 18:28:28 Alain

+0

'display：inline-table'是Table模型的值。不確定在這種情況下使用它是否合適。 – 2012-04-05 18:35:30

+0

？請參閱http://www.w3schools.com/cssref/pr_class_display.asp，「display：inline-table」的目的是將內容顯示爲內嵌表格，當您擁有一系列按鈕時要顯示在彼此對齊。 'inline-block'將元素作爲內聯元素（與相鄰內容位於同一行），但它表現爲塊元素 - 這是此處的問題，因爲在可視化渲染時，塊級元素通常在新行上開始。（請參閱http://htmlhelp.com/reference/html40/block.html） – Alain 2012-04-05 18:38:34

+0

更改後，鉻做同樣的事情:( – Ergec 2012-04-05 18:57:01

相關問題