JQuery不能正常工作
我在Jquery上有一个函数,它将一个包含文本的div置于中心,如下所示: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 }); } 我的问题是方
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解决了这个问题,但是它会有用的。我很高兴这对您有帮助。别忘了投票支持这个职位