问居中jquery-ui按钮
EN

Stack Overflow用户

提问于 2011-09-29 03:30:16

回答 1查看 2.2K关注 0票数 2

奇怪的是。我将一个div放在另一个div中，一切都很好，直到内部的div更改为.button。那么它将不再居中。

html：

<div style='width:100%;'>
  <div id='bt_click_me' class='button'>Click</div>
</div>

css：

#bt_click_me
{
    width:100px;
    margin: 0 auto !important;
}

当bt_click_me是一个只有一个文本的常规div时，一切都很好。当我执行$('.button').button()时，它会变成一个漂亮的jquery-ui按钮，但也会移动到外部div的左侧。有什么线索吗？

回答已采纳

发布于 2011-09-29 03:39:41

我非常确定这与jQuery的CSS通过应用ui-button类改变div的行为有关，该类将div从block切换为inline-block，从而使margin: 0 auto;样式不再是使其居中的有效方法(内联元素不能用margin居中)。

尝试将display: block;添加到样式中，或者将text-align: center;添加到包装器div中。

票数 5

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/7588530

复制

相似问题

问居中jquery-ui按钮EN