這里說(shuō)input設(shè)置浮動(dòng)后display值會(huì)變?yōu)閎lock，為什么我自己嘗試了之后并沒(méi)有改變呢？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input id="btn" type="button" value="點(diǎn)擊顯示display屬性值"></input>
<span id="sp"></span>
<input id="btn2" type="button" value="點(diǎn)擊給上面按鈕添加左浮動(dòng)"></input>
</body>
<script>
var btn = document.getElementById("btn"),
btn2 = document.getElementById("btn2"),
sp = document.getElementById("sp");
btn.onclick = function(){
sp.innerHTML = btn.style.display;
}
btn2.onclick = function(){
btn.style.float = "left";
}
</script>
</html>
2024-05-22
2024年5月22日，google瀏覽器做實(shí)驗(yàn)，的確如你所述，inline-block的display不會(huì)變?yōu)閎lock，可能inline-block中有block，具有block可以設(shè)置寬高的特性，沒(méi)有必要這樣做，可以嘗試使用span元素進(jìn)行實(shí)驗(yàn)，display的確從inline改變?yōu)閎lock?
2021-05-06