如何居中一个jQuery弹出标题？

我有我调用这样这个jQuery弹出：如何居中一个jQuery弹出标题？

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

但现在看来，左对齐。有没有办法让标题居中？

谢谢！

2012-02-03 GeekedOut

找出包含标题的元素的CSS类并添加'.cssclass {text-align：center; }'。 – 2012-02-03 18:11:56

添加CSS规则：

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

2012-02-03 18:13:27 kei

也许规则应该包含''display：block''，因为它看起来ui-dialog-title元素是一个span-element，因此默认显示：inline？ – 2016-03-23 19:33:18

按我的理解，如果你检查jQuery的ui.css然后你会发现这条线

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

，或者你可以试试这个：

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

玩这个代码，希望你会得到想要的结果。 :)

2012-02-03 18:14:13

如果您正在使用jQuery UI部件集，尝试修改“的.ui-对话框的.ui-对话框的标题为”一组类以下几点：

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

2012-02-03 18:18:04 Vikas

见这种风格，如果它有一个float：left。如果是的话，删除它

.ui-dialog .ui-dialog-title

然后在这种风格，添加文本对齐：中心

.ui-dialog .ui-dialog-titlebar

2012-12-12 11:58:20 Pexsol

检查的代码揭示了CSS类.ui-dialog-title是<span>元素，它通过为inline施加默认，所以实际上正确的CSS代码应该是：

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

2014-11-14 08:28:14

回答