开发者社区> 问答> 正文

为什么给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> 

展开
收起
杨冬芳 2016-06-23 10:16:15 3684 0
1 条回答
写回答
取消 提交回答
  • IT从业

    那是因为a标签设置为display:block是不允许有它内部的嵌套块元素。
    语法就是这么规定的,你把p改为内联元素试试吧。

    2019-07-17 19:45:59
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载