如何集中jQuery弹出标题？

Question

我有这个jQuery popup，我这样调用：

$("#createprofilepopup").dialog( { title: 'Title text' , height: 490, width: 580 } );

但它似乎左对齐。有没有办法让标题居中？

谢谢！

Answer 1

添加CSS规则：

.ui-dialog .ui-dialog-title {
  text-align: center;
  width: 100%;
}

Answer 2

根据我的理解，如果你检查jquery-ui.css，那么你会找到这一行

.ui-dialog .ui-dialog-titlebar{ padding:...}

或者你可以试试这个：

.ui-dialog .ui-dialog-titlebar{
     text-align: center;
     width: 100%;}

使用此代码，希望您将获得所需的结果。 ：）

Answer 3

如果您使用的是jQuery UI小部件集，请尝试将“.ui-dialog .ui-dialog-title”类集修改为以下内容：

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 16px .1em 0;
    text-align: center;
    width: 100%;
}

Answer 4

检查代码显示CSS类.ui-dialog-title已应用于<span>元素，默认情况下为inline，因此实际上应该是正确的CSS代码：

.ui-dialog .ui-dialog-title {
  display: block;
  text-align: center;
  width: 100%;
}

Answer 5

看到这种风格，如果它有浮动：左。如果是，请将其删除

.ui-dialog .ui-dialog-title

然后在此样式上添加text-align：center

.ui-dialog .ui-dialog-titlebar