html - 为什么给a标签设置display:block；a标签里面的p标签不显示？

问题描述

问 题

<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改为内联元素试试吧。

这篇关于html - 为什么给a标签设置display:block；a标签里面的p标签不显示？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！