影响图像位置的Javascript

我在一个蓝色框的顶部有一个图像和一行文本，所有这些都用JavaScript淡入。如果我不使用任何JS，我可以毫无问题地将图像居中。但是一旦使用JS，图像就不再居中。但是，文本行不需要。为什么会发生这种情况

以下是代码示例：

$（“#盒”）.velocity（“fadeIn”{
持续时间：5500
});
$（“#txt”）.velocity（“fadeIn”{
持续时间：10500
});
$（“#pic”）.velocity（“fadeIn”{
持续时间：10500
});
#框{
宽度：100%；
高度：1000px；
背景颜色：浅蓝色；
}
p{
文本对齐：居中；
}
img{
宽度：40%；
显示：块；
保证金：0自动；
}

一行文本
Velocity正在将元素的CSS
display
属性设置为
inline
。明确指定
fadeIn
应在
#img
元素上将
显示设置为
块
：


$（“#盒”）.velocity（“fadeIn”{
持续时间：5500
});
$（“#txt”）.velocity（“fadeIn”{
持续时间：10500
});
$（“#pic”）.velocity（“fadeIn”{
时长：10500，
显示：“块”
});
#框{
宽度：100%；
高度：1000px；
背景颜色：浅蓝色；
}
p{
文本对齐：居中；
}
img{
宽度：40%；
显示：块；
保证金：0自动；
}

一行文本
Velocity正在将元素的CSS
display
属性设置为
inline
。明确指定
fadeIn
应在
#img
元素上将
显示设置为
块
：


$（“#盒”）.velocity（“fadeIn”{
持续时间：5500
});
$（“#txt”）.velocity（“fadeIn”{
持续时间：10500
});
$（“#pic”）.velocity（“fadeIn”{
时长：10500，
显示：“块”
});
#框{
宽度：100%；
高度：1000px；
背景颜色：浅蓝色；
}
p{
文本对齐：居中；
}
img{
宽度：40%；
显示：块；
保证金：0自动；
}

一行文本
此示例需要
cultura.css
还是
cultura.js
？确保只包含显示问题所需的内容。谢谢。我已批准建议的编辑。此示例需要
cultura.css
还是
cultura.js
？确保只包含显示问题所需的内容。谢谢。我已批准建议的编辑。