Question

jquery 设置margin-top 刷新之后就失效了

一开始打开是没啥问题的，可是一但在当前页面刷新就无法获取了。
<script>
$(document).ready( function (){
$('.logo_img').css({
'margin-top':($('.logo').height()-$('.logo_img').height())/2
});
});
</script>

Answer 1

我觉得最大的可能是你用jquery设置的margin-top没有加单位的原因，其次也可能有$('.logo').height()-$('.logo_img').height()缺少数值类型转换的因素。
要加上单位，像下面这样：
<script>
$(document).ready( function (){
$('.logo_img').css({
'margin-top':(($('.logo').height()-$('.logo_img').height())/2) + 'px'
});
});
</script>
保险起见的话，再加上类型转换：
<script>
$(document).ready( function (){
$('.logo_img').css({
'margin-top':((parseFloat($('.logo').height())-parseFloat($('.logo_img').height()))/2) + 'px'
});
});
</script>
还有，如果这个元素在页面中是唯一的，本人还是推荐用id去获取元素，这样用js选择器取值时也会更直接快速，保持良好的代码书写习惯，很重要。

Answer 2

这个height()方法返回的是带px的值，然后CSS方法也不是你这样用的，请看如下示例。你试试用看能不能解决你的问题

$('div').css('margin-top',(parseFloat($('.logo').height())-parseFloat($('.logo_img'
).height())）/2 + 'px'）;

Answer 3

属性值没有包起来