JQuery不能正常工作

JQuery不能正常工作,jquery,html,css,web,Jquery,Html,Css,Web,我在Jquery上有一个函数,它将一个包含文本的div置于中心,如下所示: function center_paragraph(){ var w=$("#paragrah").width(); var finalw=w/2; alert(w+"/2="+finalw); //Test $("#paragraph").css({ 'left':'50%', 'margin-left':-finalw }); } 我的问题是方

我在Jquery上有一个函数,它将一个包含文本的div置于中心,如下所示:

function center_paragraph(){
    var w=$("#paragrah").width();
    var finalw=w/2;
    alert(w+"/2="+finalw); //Test
    $("#paragraph").css({
        'left':'50%',
        'margin-left':-finalw
    });
}
我的问题是方法width返回了一个错误的值,比如1000,而div大约是600。我使用这种方法是因为div位于绝对位置

div css:

 #paragraph{
    font-family:'Arial';
    font-size:4em;
    color:white;
    font-weight:bold;
    position:absolute;
    display:none;
    border:solid 1px white;

}

我不会在CSS文件中这样做,因为每个屏幕都可以以另一种大小显示文本,所以我认为这是计算中心的正确方法。

你真的应该使用CSS。这是一个理想的属性

p {
    text-align: center
}
但是如果您坚持使用JS/jQuery来实现这一点,下面是一种方法

var-button=document.getElementById(“我的按钮”);
var PAR =文档.GETelEnMyBID(“段落”);
addEventListener(“单击”,函数(){
文字中心=“中心”;
});

这是一段

中段
.width()
更改为
.outerWidth()。谢谢,您还需要在宽度计算中附加一个单位值。eg+“px”javascript样式属性是用驼峰大小写的-style.textAlign谢谢,我已经用简单的左/右:0解决了这个问题,但是它会有用的。我很高兴这对您有帮助。别忘了投票支持这个职位