以下汇总三种行内元素转为块级元素的方法：
（1）display
（2）float
（3）position（absolute和fixed）
少说多做，运行以下代码看效果：
1 <!DOCTYPE html> 2 <html lang="zh"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta http-equiv="X-UA-Compatible" content="ie=edge" /> 6 <title>行内元素转为块级元素</title> 7 <style type="text/css"> 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 </style>27 </head>28 <body>29 <div>30 方法一：使用display31 </div>32 <a href="#">a标签转为块级元素</a>33 <div>34 方法一：使用float35 </div>36 <span>span标签转为块级元素</span>37 <div>38 方法一：使用position（absolute和fixed）39 </div>40 <i>i标签转为块级元素</i>41 </body>42 </html>
通过审查元素查看是否转为块级元素：
Atas ialah kandungan terperinci 汇总三种行内元素转为块级元素的方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Bagaimana untuk mencari nilai maksimum dan minimum elemen tatasusunan dalam Java
Apakah pernyataan untuk memadam jadual dalam sql
Bagaimana untuk mendayakan perkhidmatan log masuk sekunder
Pengenalan kepada perbezaan antara javascript dan java
Bagaimana untuk menyelesaikan tiada laluan ke hos
pelayan rtmp
navigator.appname
Kaedah perwakilan pemalar rentetan
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
