<div class="content_1">
<a href="#" class="content_01">
<img src="images/com_btn_shanghu_tushu.png">
<p>出版物</p><!--a标签设置display:block之后,p标签不显示-->
</a>
<a href="#" class="content_02"> </a>
<a href="#"class="content_03"> </a>
</div>
那是因为a标签设置为display:block是不允许有它内部的嵌套块元素。
语法就是这么规定的,你把p改为内联元素试试吧。
a元素作为行内非替换元素,是不能放置块级元素在里面的
img是个行内替换元素,可以放在a元素中
display只是改变了元素的显示方式,但是不能改变元素的性质