這是為什么？
<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=gb2312"?/>
<title>內(nèi)聯(lián)塊狀元素</title>
<style?type="text/css">
a{
????letter-spacing:50px;
width:8px;height:50px;/*在默認(rèn)情況下高度不起作用*/
background:pink;/*設(shè)置背景顏色為粉色*/
text-align:center;?/*設(shè)置文本居中顯示*/
????display:inline-block;
}
a>span{
????text-align:left;
}
</style>
</head>
<body>
<a><span>12</span></a>
<a>3</a>
<a>4</a>
</body>
</html>
為什么只有1加了粉色背景，2沒有加粉色背景？
2017-01-12
首先你把a(bǔ)標(biāo)簽設(shè)置為inline-block,你設(shè)置的letter-spacing: 50px，比你a內(nèi)聯(lián)塊元素的寬度還要大導(dǎo)致2跑出去了，你可以去掉letter-spaing屬性，增加a標(biāo)簽的寬度，再試試！另外，a>span是沒有作用的，因?yàn)閟pan是行內(nèi)元素！
2017-01-12
width:8px;這個寬度太小，改得足夠大就能看到2也是粉色了。
你規(guī)定了寬度和高度，那么背景色就是填充這個高度和寬度所覆蓋的那個矩形。
2017-01-12
?display:inline-block; 這個樣式的問題