<style type="text/css">
a,span{
display:inline-block;
width:20px;/*在默认情况下宽度不起作用*/
height:20px;/*在默认情况下高度不起作用*/
background:pink;/*设置背景颜色为粉色*/
text-align:center; /*设置文本居中显示*/
}
</style>
</head>
<body>
<a>1</a>
<a>2</a>
<a>3</a>
<a>4</a>
<span>66666666</span>
</body>
同学你好:
你看你的代码,a,span{display:inline-block;……}剩下的我省略了,本来a,span都是内联元素,你用语句把他们设置成了内联块状元素,所以可以定制他们的宽和高,width:20px宽度已经设置成20px啦, 66666666 这么多6一定大于20px了,所以这行语句的代码的背景不可能都是粉色的哦,只有20px宽的显示才对。
a,span标签默认是不能改变宽高的,能改变宽高是display:inline-block;起的的作用,但span都被你固定宽高20了,加的背景色当然也是宽高20的区域了!