3

基于来自@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 的一些解决方案？

4

3 回答 3

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

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

于 2013-11-04T02:02:52.063 回答
1

$('#center').css('display', 'inline-block');如果您使用 jQuery，则可以使用。请参阅：http: //jsfiddle.net/CH9K8/1320/。将其更改为block并返回。

于 2013-11-04T00:50:18.987 回答
1

Pure JS显示使用的代码block-inline：

    withElem = document.querySelector('#withSpace')
    withoutElem = document.querySelector('#withoutSpace')
    btn1 = document.createElement('button')
    btn1.textContent = 'element1'
    btn2 = document.createElement('button')
    btn2.textContent = 'element2'
    btn3 = document.createElement('button')
    btn3.textContent = 'element1'
    btn4 = document.createElement('button')
    btn4.textContent = 'element2'

    spn = document.createElement('span')
    spn.style.display = 'inline-block'
    // Get a spacer of 20px:
    spn.style.width = '20px'
    //Append it to another node
    withElem.append(btn1, spn, btn2)
    withoutElem.append(btn3, btn4)
<div id=withSpace></div><br>
<div id=withoutSpace></div>

: spn.style.width = '20px' //追加到另一个节点 parentElem.appendChild(spn)

于 2021-04-05T19:34:24.383 回答