javascript - 使用 jquery 或 javascript 设置内联 block css

Question

基于@Bergi 的这个例子jsfiddle.net/CH9K8/1321/
下面的代码工作正常:

#center{
display:inline-block;
}

但是如果我尝试这个在 Chrome 和 Safari 中不起作用

$('#center').css('display','inline-block');

也不

document.getElementById('center').style.display='inline-block';

有什么办法吗？谢谢。

编辑...好的，现在我明白你为什么说它工作正常了。我已经在 Chrome (v30) 和 safari v5.1 中尝试过了，但没有用……但是是的，它可以在 Explorer、Firefox 和 Opera 中使用。所以现在的问题是……Chrome 和 Safari 的一些解决方案？

Answer 1

$('#center').css('display','inline-block');

如 PHPglue 先前所述，这工作正常，(当您实际将 fiddle 设置为使用 jquery 而不是 Mootools 时)正确的 div 不显示内联的问题是由于您同时使用了 float 和 display-inline 属性, 它们彼此并不真正兼容。