以下汇总三种行内元素转为块级元素的方法：
（1）display
（2）float
（3）position（absolute和fixed）
少说多做，运行以下代码看效果：
- 1 2 3 4 5 6
<span class="pun">行内元素转为块级元素</span> 7 8 *{ 9 margin: 0;10 padding: 0;11 font-size: 20px;12 color: red;13 }14 div{15 margin-top: 20px;16 }17 a{18 display:block;19 }20 span{21 float: left; 22 }23 i{24 position:absolute;25 }26 27 28 2930 方法一：使用display3132 a标签转为块级元素3334 方法一：使用float3536 span标签转为块级元素3738 方法一：使用position（absolute和fixed）3940 i标签转为块级元素41 42
登录后复制
通过审查元素查看是否转为块级元素：
以上就是汇总三种行内元素转为块级元素的方法的详细内容，更多请关注【创想鸟】其它相关文章！
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
