使用jQuery进行垂直和水平对齐（chrome和safari）_Jquery_Css_Google Chrome_Safari

使用jQuery进行垂直和水平对齐（chrome和safari）

jquery css google-chrome safari

使用jQuery进行垂直和水平对齐（chrome和safari）,jquery,css,google-chrome,safari,Jquery,Css,Google Chrome,Safari,我使用jQuery更新的CSS在div中居中显示文本。div高度取决于图像的大小。它在IE和Firefox中运行良好，但在Chrome和Safari中不起作用我尝试了以下方法： $(window).load(function() { var hli = $('#article li').height(); }); 而是$（document）.ready（）捕捉高度并使用它更新CSS，但它总是返回0。您可以在此url上看到一个示例：当用户将鼠标悬停在图片上时，文本应出现。尝试使用：

我使用jQuery更新的CSS在

div

中居中显示文本。

div

高度取决于图像的大小。它在IE和Firefox中运行良好，但在Chrome和Safari中不起作用

我尝试了以下方法：

$(window).load(function() {
    var hli = $('#article li').height();

});

而是

$（document）.ready（）

捕捉高度并使用它更新CSS，但它总是返回

。您可以在此url上看到一个示例：

当用户将鼠标悬停在图片上时，文本应出现。

尝试使用：

$(document).ready(function(){
   $('#article li img').load(function(){
      var hli = $('#article li').height();
   })    
});

说明：在Chrome和Safari中，如果未定义图像的宽度或高度，则在加载图像之前，无法通过js获取图像。现在，

$（窗口）.load（

实际上并不等待每个图像加载，这就是为什么我将

加载事件

附加到每个图像，一旦加载，您就可以获取它的

属性

希望这能解释问题。：）

尝试使用：

$(document).ready(function(){
   $('#article li img').load(function(){
      var hli = $('#article li').height();
   })    
});

说明：在Chrome和Safari中，如果未定义图像的宽度或高度，则在加载图像之前，无法通过js获取图像。现在，

$（窗口）.load（

实际上并不等待每个图像加载，这就是为什么我将

加载事件

附加到每个图像，一旦加载，您就可以获取它的

属性

希望这能解释问题。

将文本放在html中并将图像作为背景图像添加到css中如何？

缺少一些东西。请张贴其余的相关代码，以便我们可以帮助您。或者更好的是，在JSFIDLE中创建一个我们可以使用的测试用例。在

和

之间有一个字符编码元标记；什么都不应该在那里。然后，您的UTF-8页面将返回到

windows-1252

编码。您还缺少有效的

doctype

声明。在这些问题得到解决之前，JS将无法工作。我看到您的JS处于普通的

标记之间。试试

。您还注释掉了

标记之外的内容。。。在

标记之后不应该有任何内容。JavaScript中也有HTML注释。好了，JavaScript将阻塞

。如果要注释掉JS的各个部分，请在每行使用

，或在整个部分周围使用

/*

*/

。Doctype是HTML 5格式。我将使用JSFIDLE，但是否可以添加图像？我将尽快删除我的评论javascript。缺少一些内容。请张贴其余的相关代码，以便我们可以帮助您。或者更好的是，在JSFIDLE中创建一个我们可以使用的测试用例。在

和