Кто-нибудь знает, как выровнять эти кнопки jquery без использования float:left?jQuery кнопки не выравниваются должным образом
Эта проблема возникает, когда <button> и используются любые другие элементы, такие как <a>:
http://jsbin.com/afixij/edit#javascript,html,live
Такая же проблема также на веб-сайте Jquery в:
http://jqueryui.com/demos/button/#default
Я не имел эту проблему раньше, поэтому я проверил мои старые коды с использованием старых версий Jquery-интерфейса. Я заметил, что старый класс .ui-button имел overflow:visible вместо overflow:hidden Изменено на overflow:visible, вуаля исправлена.
Это потому, что класс .ui-button в jquery-ui.css использует display: inline-block;
Проблема уходит, если вы меняете что display: inline-table;
'display: inline-table' - это значения модели таблицы. Не уверен, что это хорошо использовать в этом сценарии. –
? См. Http://www.w3schools.com/cssref/pr_class_display.asp, цель 'display: inline-table' - отображать элементы как встроенную таблицу, что идеально, когда у вас есть что-то вроде серии кнопок, которые вы хотят отображаться в соответствии друг с другом. 'inline-block' помещает элемент как встроенный элемент (в той же строке, что и смежный контент), но он ведет себя как элемент блока, что является проблемой здесь, поскольку при визуализации визуально элементы уровня блока обычно начинаются с новой строки , (См. Http://htmlhelp.com/reference/html40/block.html) – Alain
после изменения, хром делает то же самое :( – Ergec
Congrads: p Надо любить те абстрактные теги css, которые дают вам все виды странного поведения. – Alain
Последнее обновление http://bugs.jqueryui.com/ticket/8241 – Ergec